/* ============================================================
   site-debora · css/tokens.css — FONTE ÚNICA DE COR (v2)
   TASK-v2-02 · Howard · 2026-09-02
   Fonte dos valores: docs/design-system-v2.md §2–§5 (extração real
   do CSS existente) + auditoria de hex do código real (2026-09-02).
   REGRA: nenhum hex definido fora deste arquivo a partir do G0.
   Nenhum valor alterado — apenas normalização de NOMES.
   ============================================================ */

:root {
  /* --- 2.1 Banda petrol (identidade) --- */
  --color-primary:        #2C5F6E;  /* petrol */
  --color-primary-dark:   #1E4452;
  --color-primary-deep:   #0F2B35;
  --color-primary-soft:   #3D7080;  /* texto secundário (muted) */
  --color-primary-tint:   #EAF4F7;  /* fundo claro azulado */

  /* --- 2.2 Banda cobre (CTAs e acentos) --- */
  --color-accent:         #D4924A;
  --color-accent-dark:    #B87838;
  --color-accent-light:   #F0C080;
  --color-accent-tint:    #F5E8D8;
  --color-accent-border:  #E4D2B8;

  /* --- 2.3 Neutros --- */
  --color-text:           #1A1A1A;
  --color-text-muted:     #666666;  /* normaliza #666/#888 (dívida D17) */
  --color-text-faint:     #BBBBBB;
  --color-surface:        #FFFFFF;
  --color-bg:             #FAFAF8;
  --color-bg-warm:        #F1ECE4;

  /* --- 2.4 Tema escuro (só liderança + eneagrama) --- */
  --color-dark-bg:        #1E4452;
  --color-dark-bg-2:      #243B41;
  --color-dark-surface:   rgba(243, 239, 230, 0.06);
  --color-dark-text:      #F3EFE6;
  --color-dark-line:      rgba(157, 197, 208, 0.28);

  /* --- 2.5 Feedback --- */
  --color-success:        #3D8A6E;
  --color-error:          #C0392B;
  --color-warning-text:   #B87838;

  /* --- 2.6 Paleta de dados (EXCLUSIVA dos gráficos de resultado —
         não usar em UI) --- */
  --data-tf: #2C5F6E;
  --data-gm: #3D8A6E;
  --data-au: #1D9E75;
  --data-se: #0F6E56;
  --data-ec: #185FA5;
  --data-sv: #378ADD;
  --data-ch: #639922;
  --data-ls: #BA7517;
  --data-lider-mid: #3A7688; /* tom intermediário da liderança */

  /* --- Tipografia (§3) --- */
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans:  'Jost', sans-serif;
  --text-xs: 0.68rem;
  --text-sm: 0.78rem;
  --text-base: 1rem;
  --text-md: 1.15rem;
  --text-lg: 1.7rem;

  /* --- Espaçamento (§4) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 32px;
  --space-section: 96px;
  --space-section-mobile: 60px;
  --nav-h: 76px;

  /* --- Raios, linhas, sombras (§5 — valores reais do código) --- */
  --radius-pill: 99px;
  --radius-lg: 16px;
  --radius-md: 10px;
  --radius-sm: 6px;
  --radius-blob: 40px;
  --line-default: 1px solid rgba(44, 95, 110, 0.15);
  --shadow-cta: 0 18px 36px -12px rgba(212, 146, 74, 0.7);
  --shadow-card: 0 16px 40px rgba(44, 95, 110, 0.12);
  --shadow-card-soft: 0 4px 24px rgba(44, 95, 110, 0.08);
  --shadow-glow-copper: 0 8px 24px rgba(212, 146, 74, 0.3);
  --shadow-glow-copper-lg: 0 16px 40px rgba(212, 146, 74, 0.4);

  /* --- Motion (design-v2 §1.4) --- */
  --motion-fast: 150ms ease;
  --motion-base: 250ms ease;
  --motion-reveal: 400ms ease;

  /* --- Breakpoints (design-v2 §4.1 — uso em media queries) --- */
  --bp-md: 768px;
  --bp-lg: 1024px;

  /* ============================================================
     ALIASES HISTÓRICOS — mesmos valores, nomes legados.
     Mantidos para o CSS inline existente continuar funcionando
     durante a transição. Os componentes v2 usam APENAS os nomes
     normalizados acima. NÃO acrescentar aliases novos.
     ============================================================ */

  /* convenção --petrol (index, mentorias, ancoras, RH) */
  --petrol: #2C5F6E;
  --petrol-dark: #1e4452;
  --copper: #D4924A;
  --copper-dark: #b87838;
  --copper-light: #f0c080;
  --soft-copper: #f5e8d8;
  --soft-blue: #9dc5d0;
  --bg-light: #EAF4F7;
  --white: #ffffff;
  --text-dark: #0f2b35;
  --text-body: #1e4452;
  --text-muted: #3d7080;
  --line: rgba(44, 95, 110, 0.15);

  /* convenção --petroleo (liderança) */
  --petroleo-900: #1E4452;
  --petroleo-800: #2C5F6E;
  --petroleo-600: #3A7688;
  --cobre-500: #B87838;
  --cobre-400: #D4924A;
  --cobre-200: #F0C080;
  --areia: #F5E8D8;
  --areia-linha: #E4D2B8;
  --tinta: #26241F;
  --tinta-suave: #5B5750;
  --branco: #EAF4F7;
  --serif: 'Cormorant Garamond', serif;
  --sans: 'Jost', sans-serif;

  /* convenção --petroleo (eneagrama) */
  --petroleo: #2C5F6E;
  --petroleo-deep: #1f4853;
  --petroleo-deeper: #173840;
  --cobre: #D4924A;
  --cobre-soft: #e0a868;
  --azul: #9dc5d0;
  --off: #FAFAF8;
  --off-warm: #f1ece4;
  --ink: #243b41;
  --line-on-dark: rgba(157, 197, 208, 0.28);

  /* ============================================================
     TOKENS DE SUPORTE — hex JÁ EXISTENTES no código real
     (auditoria 2026-09-02), ausentes do catálogo §2.3.
     Somente catalogação — nenhum valor inventado.
     ============================================================ */
  --color-placeholder:    #b0bec5;  /* ::placeholder dos quizzes (ancoras, RH) */
  --color-tag-text:       #64748b;  /* badge .b3 das âncoras */
  --color-card-num:       #E8D5C0;  /* números serifados decorativos (index, mentorias) */
  --color-error-warm:     #a4432c;  /* .form-error (mentorias) */
  --color-rung-border:    #e4e2db;  /* borda do ladder não-atual (RH) */
  --color-lider-erro:     #c97c5d;  /* .sending-msg.erro (liderança) */
  --color-lider-erro-2:   #c97c3d;  /* detalhe de erro alternativo (liderança) */
  --color-on-copper:      #1c2e33;  /* texto sobre cobre (eneagrama) */
}