/* =============================================================
   FLORENCE — tokens.css (variáveis de design compartilhadas)
   DERIVADO de docs/design-system/colors_and_type.css (:root).
   Não editar aqui: mudança de token nasce no design system e é
   copiada para este arquivo. Fontes: ver fonts.css (self-hosted).
   ============================================================= */

:root {
  /* ---- COLOR · Forest (primary brand green) ---- */
  --forest:       #005540;   /* primary */
  --forest-dark:  #003D2E;   /* hover / depth */
  --forest-mid:   #007055;
  --forest-soft:  #009170;   /* accent emphasis (eyebrows, links) */
  --forest-glow:  #7DD8B8;   /* highlight on dark backgrounds */
  --forest-bg:    #EAF4EE;   /* tinted surface */
  --forest-bg-2:  #C6E3D6;

  /* ---- COLOR · Amber (secondary accent) ---- */
  --amber:        #A0712A;
  --amber-mid:    #C48B3A;   /* badges, secondary CTAs, gradient stop */
  --amber-light:  #D4A04A;
  --amber-bg:     #FBF3E8;

  /* ---- COLOR · Action (WhatsApp green) ---- */
  --wa:           #25D366;   /* primary action — "Falar com a equipe" */
  --wa-dark:      #1DAB55;

  /* ---- COLOR · Text ---- */
  --text:         #1B2B25;   /* body / headings on light */
  --text-2:       #3D5248;   /* secondary copy */
  --text-3:       #7A8D87;   /* tertiary / labels */

  /* ---- COLOR · Surface ---- */
  --white:        #FFFFFF;
  --cream:        #FAF8F3;   /* page background */
  --cream-2:      #F5F0E8;
  --champagne:    #F7F3EC;   /* "manifesto" warm panel */
  --border:       #DCE8E2;
  --border-warm:  #E6DDD5;

  /* ---- TYPE families ---- */
  --font-display: 'Raleway', sans-serif;          /* H1–H4, hero, eyebrow numerals */
  --font-body:    'Nunito Sans', sans-serif;      /* body, buttons, UI */
  --font-serif:   'Cormorant Garamond', serif;    /* optional editorial quote */
  --font-alt:     'DM Sans', sans-serif;          /* reserved alternative */

  /* ---- TYPE · scale (fluid) ---- */
  --fs-h1:        clamp(2.25rem, 5.6vw, 4.25rem);
  --fs-h2:        clamp(1.9rem,  3.6vw, 3rem);
  --fs-h3:        clamp(1.05rem, 1.8vw, 1.2rem);
  --fs-h4:        clamp(1.15rem, 1.8vw, 1.35rem);
  --fs-lead:      clamp(1rem,    1.7vw, 1.15rem);
  --fs-body:      clamp(0.95rem, 1.4vw, 1.05rem);
  --fs-small:     0.82rem;
  --fs-eyebrow:   0.72rem;     /* uppercase, +0.16em tracking */

  /* ---- RADII ---- */
  --radius:       24px;        /* cards, large panels */
  --radius-sm:    14px;        /* inner blocks */
  --radius-pill:  60px;        /* buttons, badges */

  /* ---- SHADOWS (warm green tint) ---- */
  --shadow-xs:    0 1px  4px rgba(0,40,25,0.05);
  --shadow-sm:    0 4px 16px rgba(0,40,25,0.07);
  --shadow-md:    0 8px 32px rgba(0,40,25,0.10);
  --shadow-lg:    0 24px 72px rgba(0,40,25,0.14);
  --shadow-fwa:   0 8px 32px rgba(37,211,102,0.28);   /* WhatsApp glow */
  --shadow-fforest: 0 8px 28px rgba(0,85,64,0.22);    /* Forest btn glow */

  /* ---- LAYOUT ---- */
  --container:    1200px;
  --pad:          clamp(80px, 10vw, 140px);          /* vertical section pad */

  /* ---- MOTION ---- */
  --ease-soft:    cubic-bezier(.22,.61,.36,1);
  --dur-fast:     .25s;
  --dur-mid:      .45s;
  --dur-slow:     .8s;
}