/* ============================================================
   MONTEC — DESIGN SYSTEM · Design Tokens
   Fundação: olive #798933 + charcoal #1B1B1B (logo oficial)
   Tema base: light. Estética: geométrica, sóbria, sofisticada.
   ============================================================ */

@font-face {
  font-family: "Montec Display";
  src: url("../fonts/HelveticaNowDisplay-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Montec Text";
  src: url("../fonts/HelveticaNowText-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

:root {
  /* ---------- PALETA: OLIVE (primária da marca) ---------- */
  --olive-50:  #F4F6EF;
  --olive-100: #E7EADA;
  --olive-200: #CCD2B1;
  --olive-300: #AFB885;
  --olive-400: #919E58;
  --olive-500: #798933; /* base — cor do símbolo */
  --olive-600: #65722C;
  --olive-700: #535E25;
  --olive-800: #424A1E;
  --olive-900: #303518;

  /* ---------- PALETA: NEUTRAL (charcoal) ---------- */
  --neutral-50:  #F9F9F9;
  --neutral-100: #EFEFEF;
  --neutral-200: #DBDBDB;
  --neutral-300: #BBBBBB;
  --neutral-400: #989898;
  --neutral-500: #767676;
  --neutral-600: #565656;
  --neutral-700: #3B3B3B;
  --neutral-800: #292929;
  --neutral-900: #1B1B1B; /* base — fundo da marca */
  --black:       #121212;

  /* ---------- SEMÂNTICAS (terrosas, harmonizadas) ---------- */
  --success: #5E7D3A;
  --warning: #C8922E;
  --danger:  #B4452E;
  --info:    #3E6A7A;

  /* ---------- ALIAS SEMÂNTICO (light theme, branco puro · minimal) ---------- */
  --bg:            #FCFCF9; /* marfim quase branco */
  --bg-deep:       #F6F7F1; /* seções alternadas */
  --surface:       #FFFFFF;
  --surface-2:     #F9FAF5;
  --surface-3:     #ECEEE5;
  --border:        rgba(27,27,27,.08);
  --border-strong: rgba(27,27,27,.14);
  --border-olive:  rgba(101,114,44,.28);

  --text:          var(--neutral-900); /* charcoal */
  --text-soft:     #62625D;
  --text-muted:    var(--neutral-500);
  --text-on-olive: #FFFFFF;

  --accent:        var(--olive-700);
  --accent-hover:  var(--olive-800);
  --accent-text:   var(--olive-700); /* verde p/ texto pequeno (AAA sobre claro) */

  /* ---------- TIPOGRAFIA ---------- */
  --font-display: "Montec Display", "Helvetica Now Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-sans: "Montec Text", "Helvetica Now Text", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* escala fluida (clamp: min / preferida / max) */
  --fs-display: clamp(2.75rem, 1.75rem + 4.5vw, 4.8rem);
  --fs-h1: clamp(2.4rem, 1.7rem + 3vw, 3.8rem);
  --fs-h2: clamp(2.1rem, 1.6rem + 2vw, 3.2rem);
  --fs-h3: clamp(1.6rem, 1.3rem + 1.2vw, 2.15rem);
  --fs-h4: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);
  --fs-lead: clamp(1rem, .95rem + .25vw, 1.125rem);
  --fs-body: 1rem;
  --fs-sm: .875rem;
  --fs-ui: .8125rem;
  --fs-xs: .8rem;
  --fs-micro: .6875rem;
  --fs-overline: var(--fs-micro);
  --fs-nav: var(--fs-xs);
  --fs-brand: 1.25rem;

  --lh-tight: 1.04;
  --lh-snug: 1.2;
  --lh-body: 1.65;

  --ls-tight: -.02em;
  --ls-normal: 0;
  --ls-wide: .18em;   /* overlines / kickers */
  --ls-wider: .28em;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* ---------- ESPAÇAMENTO (base 4px) ---------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-8: 3rem;    --sp-10: 4rem;
  --sp-12: 6rem;   --sp-16: 8rem;   --sp-20: 10rem;

  --section-y: clamp(5rem, 3rem + 7vw, 9rem);
  --container: 1240px;
  --container-narrow: 860px;
  --gutter: clamp(1.25rem, .5rem + 3.5vw, 3.5rem);

  /* ---------- RAIOS (geométrico, quase sharp) ---------- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ---------- SOMBRAS + GLOW ---------- */
  --shadow-sm: 0 1px 3px rgba(24,24,24,.05);
  --shadow-md: 0 12px 32px rgba(24,24,24,.09);
  --shadow-lg: 0 30px 70px rgba(24,24,24,.13);
  --glow-olive: 0 10px 30px rgba(121,137,51,.22);

  /* ---------- MOTION ---------- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: .18s;
  --dur: .32s;
  --dur-slow: .6s;

  /* ---------- Z-INDEX ---------- */
  --z-nav: 100;
  --z-modal: 200;
  --z-float: 150;
}