/* ============================================================
   LANGUAGE ATELIER — Design Tokens
   Fonte de verdade: Tomo VI (Sistema de Identidade Visual)
   Todos os valores HEX abaixo são OFICIAIS do Tomo VI.
   ============================================================ */

:root {
  /* ---------- CORES · PRIMÁRIAS (Tomo VI · 03) ---------- */
  --c-navy:        #26438E; /* Atelier Navy — cor herói: títulos, blocos, logo */
  --c-midnight:    #172A52; /* Midnight — profundidade, fundos escuros, sombras */
  --c-royal:       #003296; /* Royal Accent — acento vivo, parcimônia */

  /* ---------- CORES · ACENTOS DE PRESTÍGIO ---------- */
  --c-rose:        #BA717D; /* Rose — detalhes, eyebrows, faixas */
  --c-rose-light:  #CC8391; /* Rose Light — gradientes suaves, fundos de detalhe */
  --c-rose-gold:   #B76E79; /* Rose Gold — assinaturas, linhas finas */
  --c-champagne:   #B08D57; /* Champagne Gold — fios, eyebrows, molduras */

  /* ---------- CORES · NEUTROS ---------- */
  --c-ivory:       #FBF9F4; /* Ivory — fundo principal claro */
  --c-marble:      #F1EEE7; /* Mármore — fundo secundário, caixas */
  --c-ink:         #1C2536; /* Ink — texto corrido */
  --c-muted:       #70798B; /* Muted — legendas, texto secundário */
  --c-white:       #FFFFFF;

  /* ---------- DERIVADOS (transparências do sistema) ---------- */
  --c-champagne-12: rgba(176, 141, 87, 0.12);
  --c-champagne-24: rgba(176, 141, 87, 0.24);
  --c-champagne-40: rgba(176, 141, 87, 0.40);
  --c-rose-gold-30: rgba(183, 110, 121, 0.30);
  --c-navy-08:      rgba(38, 67, 142, 0.08);
  --c-navy-90:      rgba(23, 42, 82, 0.90);
  --c-ink-06:       rgba(28, 37, 54, 0.06);
  --c-ink-10:       rgba(28, 37, 54, 0.10);
  --c-ink-60:       rgba(28, 37, 54, 0.60);

  /* ---------- PAPÉIS SEMÂNTICOS ---------- */
  --bg:            var(--c-ivory);
  --bg-alt:        var(--c-marble);
  --bg-dark:       var(--c-midnight);
  --surface:       var(--c-white);
  --text:          var(--c-ink);
  --text-soft:     var(--c-muted);
  --text-on-dark:  var(--c-ivory);
  --accent:        var(--c-rose-gold);
  --accent-warm:   var(--c-champagne);
  --line:          var(--c-ink-10);
  --line-gold:     var(--c-champagne-40);
  --focus:         var(--c-royal);

  /* ---------- TIPOGRAFIA (Tomo VI · 04) ---------- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-script:  "Allura", "Playfair Display", cursive;

  /* Escala fluida (mobile-first → desktop). clamp(min, fluido, max) */
  --fs-eyebrow: clamp(0.68rem, 0.62rem + 0.3vw, 0.78rem);  /* rótulos caixa alta */
  --fs-xs:      clamp(0.78rem, 0.74rem + 0.2vw, 0.85rem);
  --fs-sm:      clamp(0.86rem, 0.82rem + 0.25vw, 0.95rem);
  --fs-base:    clamp(1rem, 0.96rem + 0.3vw, 1.075rem);    /* corpo */
  --fs-lg:      clamp(1.12rem, 1.04rem + 0.5vw, 1.3rem);
  --fs-xl:      clamp(1.3rem, 1.15rem + 0.9vw, 1.6rem);
  --fs-h3:      clamp(1.45rem, 1.2rem + 1.4vw, 1.95rem);
  --fs-h2:      clamp(1.8rem, 1.4rem + 2.2vw, 2.85rem);
  --fs-h1:      clamp(2.4rem, 1.7rem + 3.8vw, 4.4rem);
  --fs-display: clamp(3rem, 2rem + 5.5vw, 6rem);

  /* Pesos */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* Entrelinha (Tomo VI: corpo 1,25–1,35; nunca apertar) */
  --lh-tight:   1.08;
  --lh-snug:    1.18;
  --lh-body:    1.62;
  --lh-relaxed: 1.75;

  /* Tracking (Tomo VI: rótulos caixa alta 40–120) */
  --ls-tight:   -0.01em;
  --ls-normal:  0;
  --ls-wide:    0.08em;
  --ls-eyebrow: 0.22em;  /* ~ tracking 120 em caixa alta */

  /* ---------- ESPAÇAMENTO (escala 4px) ---------- */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4rem;
  --sp-9:  6rem;
  --sp-10: 8rem;

  /* Respiro vertical de seção (fluido) */
  --section-y: clamp(3.5rem, 2.5rem + 5vw, 8rem);

  /* ---------- LAYOUT ---------- */
  --container:      1240px;  /* largura máx. padrão */
  --container-wide: 1440px;
  --container-text: 720px;   /* medida de leitura confortável */
  --gutter:         clamp(1.25rem, 0.8rem + 2.2vw, 3rem);
  --header-h:       72px;

  /* ---------- RAIO / SOMBRAS (luxo silencioso: sutil) ---------- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(28, 37, 54, 0.06);
  --shadow-md: 0 10px 30px -12px rgba(23, 42, 82, 0.18);
  --shadow-lg: 0 28px 60px -24px rgba(23, 42, 82, 0.28);

  /* ---------- MOVIMENTO ---------- */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  160ms;
  --dur:       280ms;
  --dur-slow:  520ms;

  /* ---------- CAMADAS ---------- */
  --z-base: 1;
  --z-header: 100;
  --z-mega: 110;
  --z-overlay: 200;
  --z-drawer: 210;
  --z-toast: 300;
}

/* Breakpoints de referência (documentação — usados nas media queries):
   sm 480px · md 720px · lg 960px · xl 1200px · xxl 1440px */