/* ── formacao.andmore.pt — branding tokens (LIGHT THEME) ────────────────────
 *
 * Per-tenant override file. On first deploy, copy:
 *     cp assets/css/branding.css.example assets/css/branding.css
 *
 * `style.css` reads everything below via var() and never touches values.
 * Brand anchors: logo gold #856937 + near-black #2b2019.
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Lato:wght@300;400;500;700&display=swap');

:root {
  /* Surfaces — warm cream, white card */
  --am-bg:           #fbfaf7;
  --am-bg-alt:       #f3efe8;
  --am-bg-card:      #ffffff;

  /* Ink — logo near-black + warm mutes */
  --am-text:         #2b2019;
  --am-text-muted:   #6b6056;
  --am-text-dim:     #9a9088;

  /* Accent — logo gold */
  --am-base:         #856937;
  --am-base-2:       #a87c3a;
  --am-contrast:     #ffffff;

  /* Lines */
  --am-border:       rgba(43, 32, 25, 0.12);
  --am-border-soft:  rgba(43, 32, 25, 0.06);

  /* Typography */
  --am-font-body:    'Lato', system-ui, sans-serif;
  --am-font-heading: 'Cormorant Garamond', Georgia, serif;
  --am-font-sub:     'Lato', system-ui, sans-serif;

  /* Font sizes */
  --am-fs-xs:   0.75rem;
  --am-fs-sm:   0.875rem;
  --am-fs-base: 1rem;
  --am-fs-md:   1.0rem;
  --am-fs-lg:   clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.5), 1.35rem);
  --am-fs-xl:   clamp(1.4rem, 1.4rem + ((1vw - 0.2rem) * 0.75), 1.9rem);
  --am-fs-2xl:  clamp(1.8rem, 1.8rem + ((1vw - 0.2rem) * 1.0),  2.5rem);

  /* Spacing */
  --am-sp-xs: 1rem;
  --am-sp-sm: min(1.5rem, 2vw);
  --am-sp-md: min(2.5rem, 3vw);
  --am-sp-lg: min(4rem,   5vw);
  --am-sp-xl: min(6rem,   8vw);

  /* Radii */
  --am-radius-sm:   4px;
  --am-radius:      8px;
  --am-radius-lg:   12px;
  --am-radius-pill: 100px;

  /* Shadows — light-mode: warm, understated */
  --am-shadow-sm: 0 1px 4px  rgba(43, 32, 25, 0.07);
  --am-shadow:    0 4px 16px rgba(43, 32, 25, 0.09);
  --am-shadow-lg: 0 8px 32px rgba(43, 32, 25, 0.12);
}