/* ============================================================================
   andes-tokens.css — Design tokens do Design System AnDes
   Cópia de SystemDesign/andes-design-system/assets/tokens/tokens.css com os
   caminhos das fontes ajustados para este projeto (assets/fonts/) e alguns
   tokens semânticos de UI [PROPOSTA] que o DS não define.

   REGRAS OBRIGATÓRIAS DE COR/CONTRASTE (ver DS §contrast-and-color):
    - texto normal >= 4.5:1 | texto grande (>=24px ou >=18.66px bold) >= 3.0:1
    - elementos de UI / bordas / ícones >= 3.0:1
    - LOGO contra o fundo >= 3.0:1 (nunca logo com a cor do fundo)
    - teal #22DDD2 SÓ sobre fundo escuro; roxo #752DE9 SÓ sobre fundo claro
    - distribuição 60-30-10: 60% fundo / 30% estrutura+texto / 10% UM acento
   ============================================================================ */

/* ---------- Fontes oficiais: Aileron (títulos) + Lustra Text (corpo) ---------- */
@font-face { font-family: 'Aileron'; src: url('../fonts/Aileron-Light.otf') format('opentype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Aileron'; src: url('../fonts/Aileron-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Aileron'; src: url('../fonts/Aileron-SemiBold.otf') format('opentype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Aileron'; src: url('../fonts/Aileron-Bold.otf') format('opentype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Aileron'; src: url('../fonts/Aileron-Black.otf') format('opentype'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'Lustra Text'; src: url('../fonts/Lustra-Text-Light.otf') format('opentype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Lustra Text'; src: url('../fonts/Lustra-Text-Book.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Lustra Text'; src: url('../fonts/Lustra-Text-Medium.otf') format('opentype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Lustra Text'; src: url('../fonts/Lustra-Text-Bold.otf') format('opentype'); font-weight: 700; font-display: swap; }

:root {
  /* ---------- Paleta oficial (fonte da verdade: tokens.json do DS) ---------- */
  --navy: #001F5D;            /* azul institucional digital — UI de software/site */
  --navy-marketing: #04113F;  /* fundo de arte/vídeo/apresentação (não usar em UI) */
  --blue-symbol: #00247F;     /* azul do símbolo/lettering em versões coloridas */
  --teal: #22DDD2;            /* acento/CTA — SOMENTE sobre fundo escuro */
  --purple: #752DE9;          /* acento secundário — SOMENTE sobre fundo claro */
  --gray-light: #E3E3E3;
  --black: #000000;
  --white: #FFFFFF;
  --ink: #14161A;             /* texto principal sobre claro (~18:1) [PROPOSTA] */
  --text-muted: #585860;      /* texto secundário sobre branco (7,05:1) */

  /* ---------- Semânticos de UI [PROPOSTA] (o DS não define; validados WCAG) ---- */
  --navy-hover: #001747;      /* hover do botão primário */
  --border-ui: #8A9099;       /* borda de input/controle (3,22:1 sobre branco) */
  --placeholder: #767676;     /* placeholder (4,54:1 sobre branco) */
  --surface-soft: #F3F6FC;    /* hover de linha / zebra (azul quase branco) */
  --line: #E3E3E3;            /* divisores e bordas de card (grays-light) */
  --danger: #C62828;          /* erro (5,9:1 sobre branco) */
  --success: #2E7D32;         /* sucesso (4,9:1 sobre branco) */
  --danger-soft: #FDECEA;
  --success-soft: #E8F5E9;
  --warn: #B26A00;            /* aviso (4,7:1 sobre branco) */
  --warn-soft: #FDF3E3;

  /* ---------- Gradientes da marca ---------- */
  --gradient-brand: linear-gradient(90deg, #22DDD2 0%, #752DE9 100%);
  --gradient-symbol-2023: linear-gradient(135deg, #752DE9 0%, #22DDD2 100%);
  --gradient-card: linear-gradient(135deg, #001F5D 0%, #003F7F 100%);

  /* ---------- Tipografia ---------- */
  --font-display: 'Aileron', 'Segoe UI', Arial, sans-serif;
  --font-text: 'Lustra Text', Georgia, serif;

  /* ---------- Espaçamento, raios e sombras ---------- */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 20, 66, .08);
  --shadow-md: 0 4px 12px rgba(0, 20, 66, .12);
  --shadow-lg: 0 12px 32px rgba(0, 20, 66, .18);
}