/* ============================================================
   MAARTORI — Design Tokens · PALETA v2 (reforço editorial)
   Fonte única de verdade: skill identidade-visual-maartori (v2)
   Sage = cor ambiental | Dourado = assinatura pontual
   v2.1 — Tipografia editorial (Fraunces) + sage mais vivo
   ============================================================ */

:root {
  /* ---- Fundos ---- */
  --deep:    #2A2C2F;   /* Grafite — fundo principal, seções âncora */
  --deep-2:  #34373B;   /* Grafite secundário (camadas/realces no escuro) */
  --surface: #EFEDE5;   /* Bege papel — fundo de conteúdo (esquenta levemente) */
  --white:   #FFFFFF;
  --muted:   #5E5F5C;   /* Corpo de texto secundário */

  /* ---- Sage (cor ambiental — DESTAQUE PRINCIPAL) ----
     Ajustado pra ler com mais vida sobre bege.
     Regra de ouro: #6E7B52 só para MASSA (bordas, linhas, fundos, fills).
     Texto/label/ícone: sobre escuro -> sage claro; sobre claro -> sage escuro. */
  --sage:    #6E7B52;   /* massa */
  --sage-l:  #97A579;   /* sage claro — texto/ícone sobre fundo ESCURO (clareia mais) */
  --sage-d:  #4A5532;   /* sage escuro — texto/ícone sobre fundo CLARO (escurece mais pra contraste) */
  --sage-15: rgba(110,123,82,0.15);  /* tint para badges/hover */
  --sage-30: rgba(110,123,82,0.30);  /* borda suave sobre claro */

  /* ---- Dourado (assinatura pontual: logo, rodapé, selo) ---- */
  --signature: #C49A3C;

  /* ---- Aliases semânticos (mantêm as 24 páginas sem reescrita) ----
     --accent = sage de TEXTO, sensível ao contexto (clareia no escuro, ver override).
     --accent-strong = massa fixa. */
  --accent:       var(--sage-d);   /* padrão: contexto claro */
  --accent-dark:  var(--sage-d);   /* compat: ícones/links sobre claro */
  --accent-light: var(--sage-l);   /* compat: hover/realce sobre escuro */
  --accent-strong:var(--sage);     /* massa #6E7B52 */
  --accent-15:    var(--sage-15);

  /* ---- Texto sobre fundo escuro ---- */
  --on-dark:           #FFFFFF;
  --on-dark-secondary: rgba(255,255,255,0.72);

  /* ---- Escala de cinza ---- */
  --gray-900: #2A2C2F;
  --gray-700: #3C3E40;   /* texto secundário forte sobre claro */
  --gray-500: #5E5F5C;
  --gray-300: #AFAFAC;   /* bordas, divisores, metadados */
  --gray-100: #E7E6E1;   /* fundo de cards sobre surface */
  --gray-50:  #EFEDE5;

  /* ---- Tipografia ----
     Display: Fraunces (serifada editorial, eixo opsz 9-144)
     Body:    Inter (vendorizada, já existente) */
  --font-display: 'Fraunces', 'Times New Roman', serif;
  --font:         'Inter', 'DM Sans', sans-serif;

  /* ---- Escala tipográfica editorial ---- */
  --text-display: clamp(44px, 6vw, 76px);     /* H1 do hero — maior, com respiro */
  --text-hero:    clamp(40px, 5.5vw, 64px);   /* mantido pra compat das outras páginas */
  --text-h1:      clamp(34px, 4.5vw, 52px);   /* títulos de seção — Fraunces 600 */
  --text-h2:      clamp(26px, 3vw, 36px);     /* subtítulos */
  --text-h3:      22px;                       /* cards */
  --text-label:   11px;
  --text-body:    16px;
  --text-body-sm: 14px;

  /* Line-heights: editoriais, menos espaçados */
  --lh-display: 1.05;   /* hero — apertado pra dar peso */
  --lh-heading: 1.15;   /* H1-H2 */
  --lh-subhead: 1.25;   /* H3 */
  --lh-body:    1.6;    /* corpo — antes 1.7, agora 1.6 */
  --lh-prose:   1.7;    /* prosa longa (depoimento, descrições) */

  /* ---- Espaçamento (grid 8px) ---- */
  --space-1: 8px;  --space-2: 16px; --space-3: 24px; --space-4: 32px;
  --space-5: 48px; --space-6: 80px; --space-7: 120px;

  /* ---- Bordas e cantos ---- */
  --radius-sm:   4px;  --radius-md: 8px;  --radius-lg: 12px;
  --radius-xl:   20px; --radius-full: 999px;
  --border-default: 1px solid rgba(94,95,92,0.3);
  --border-accent:  2px solid var(--accent-strong);   /* destaque = massa sage */
  --border-divider: 1px solid var(--gray-100);
  --border-on-dark: 1px solid rgba(255,255,255,0.14);

  /* ---- Sombras (apenas cards interativos) ---- */
  --shadow-card:  0 2px 8px rgba(0,0,0,0.08);
  --shadow-hover: 0 4px 16px rgba(0,0,0,0.12);

  /* ---- Layout ---- */
  --container: 1180px;
  --gutter: 48px;
  --nav-h: 64px;
}

/* ====== CONTEXTO ESCURO ======
   Dentro de seções/elementos escuros, o sage de TEXTO clareia (sage-l). */
.bg-deep, .hero, .cat-hero, .footer, .cta-band, .announcement, .ei-hero,
.card-dark, .splash, .ac-side {
  --accent: var(--sage-l);
  --accent-dark: var(--sage-l);
}

/* ====== ILHAS CLARAS DENTRO DO ESCURO ======
   Blocos com fundo claro dentro de uma seção escura voltam ao sage escuro. */
.qualifier, .opt, .bg-deep .bg-surface, .bg-deep .bg-white {
  --accent: var(--sage-d);
  --accent-dark: var(--sage-d);
}

@media (max-width: 960px) {
  :root { --gutter: 24px; }
}