/**
 * AION DESIGN SYSTEM — TOKENS OFICIAIS DO SITE PRINCIPAL
 * AION Class — Do Zero a Operação
 *
 * Referências de Excelência:
 * - Vault AI (Cúpula celeste, tipografia fina em escala grande, stardust, crosshairs)
 * - Cobalt (Intuitividade financeira, contraste refinado, estética dark luxo)
 * - Genesis Soil Intelligence (Contraste de dobras, revelação progressiva de texto ao scroll)
 * - Figue AI (Minimalismo extremo, elegância suíça, glassmorphism sutil)
 */

:root {
  /* ==========================================================================
     1. PALETA DE CORES OFICIAL (EXTRAÍDA DOS ASSETS DA MARCA)
     ========================================================================== */
  
  /* Azuis da Família AION */
  --aion-blue-900: #001033; /* Azul Noite Profundo */
  --aion-blue-800: #00184D; /* Azul Base Profundo */
  --aion-blue-700: #001F66; /* Azul Primário Escuro */
  --aion-blue-600: #002473; /* Azul Oficial AION (Paleta de Cores, Tom Escuro) */
  --aion-blue-500: #0043E0; /* Azul Oficial AION (Paleta de Cores, Tom Médio) */
  --aion-blue-400: #0050FF; /* Azul Oficial AION (Símbolo.png / Botão Primário) */
  --aion-blue-300: #0066FF; /* Azul Brilhante / Acento Dinâmico */
  --aion-blue-200: #2979FF; /* Azul Claro de Iluminação Especular */
  --aion-blue-100: #80B0FF; /* Destaque Suave */
  --aion-blue-50:  #E6EFFF; /* Luminescência Sutil */

  /* Neutros Escuros / Pretos */
  --aion-dark-950: #040508; /* Preto Abissal (Contraste Máximo) */
  --aion-dark-900: #0D0D0D; /* Preto Oficial AION (Paleta de Cores) */
  --aion-dark-850: #121316; /* Fundo de Superfície Elevada */
  --aion-dark-800: #17191E; /* Card Escuro / Painel Secundário */
  --aion-dark-700: #1F222A; /* Borda Escura / Divisor Forte */
  --aion-dark-600: #2C303B; /* Elementos Interativos */
  --aion-dark-500: #4B5263; /* Texto Mudo / Placeholder */

  /* Neutros Claros / Brancos */
  --aion-light-white: #FFFFFF; /* Branco Puro */
  --aion-light-50:    #F8F9FA;
  --aion-light-100:   #F0F2F5;
  --aion-light-200:   #E5E5E5; /* Cinza Oficial AION (Paleta de Cores, Símbolo copiar) */
  --aion-light-300:   #D1D5DB;
  --aion-light-400:   #9CA3AF;
  --aion-light-500:   #6B7280;
  --aion-light-600:   #4B5563;

  /* Cores Semânticas / Funcionais */
  --aion-success-500: #10B981;
  --aion-success-400: #34D399;
  --aion-success-bg:  rgba(16, 185, 129, 0.12);
  --aion-warning-500: #F59E0B;
  --aion-warning-400: #FBBF24;
  --aion-warning-bg:  rgba(245, 158, 11, 0.12);
  --aion-danger-500:  #EF4444;
  --aion-danger-400:  #F87171;
  --aion-danger-bg:   rgba(239, 68, 68, 0.12);

  /* ==========================================================================
     2. FUNDOS DE CONTRASTE DINÂMICO ENTRE AS DOBRAS (DIRETIVA GENESIS/COBALT)
     ========================================================================== */
  --bg-dobra-1-hero:       #04060C; /* Céu Profundo + Arco Celeste Vault AI */
  --bg-dobra-2-problema:   #090C14; /* Escuridão Focada para Revelação de Texto Genesis */
  --bg-dobra-3-oquee:      #10131D; /* Ardósia Nobre Elevada Figue Minimal */
  --bg-dobra-4-aprender:   #FFFFFF; /* Fundo Branco com Informações em Azul e Preto */
  --bg-dobra-5-paraquem:   #0D1018; /* Matriz Bipolar de Identificação */
  --bg-dobra-6-bonus:      #090D18; /* Palco de Luminescência Cobalt para Bônus 3 */
  --bg-dobra-7-jornada:    #EBF3FC; /* Azul Claro Sofisticado & Trilha Iluminada */
  --bg-dobra-8-professor:  #07090F; /* Carvão Institucional Executivo */
  --bg-dobra-9-confianca:  #020306; /* Tom Ultra Escuro Pitch Black Obsidian */
  --bg-dobra-10-oferta:    #05070D; /* Epicentro Comercial com Auréola Azul */
  --bg-dobra-11-faq:       #0A0D16; /* Acordeão em Vidro Líquido Neutro */
  --bg-dobra-12-footer:    #020305; /* Obsidian Máximo de Conformidade Legal */

  /* ==========================================================================
     3. TIPOGRAFIA OFICIAL — HELVETICA NOW TEXT (REFINAMENTO CLASSE A/A+)
     ========================================================================== */
  --font-family-base: "Helvetica Now Text", "Helvetica Now Display", "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-family-mono: "SF Mono", "Fira Code", "Cascadia Code", "Roboto Mono", Consolas, monospace;

  /* Escala de Tamanhos de Alta Definição */
  --font-size-display: clamp(2.5rem, 5.5vw, 4.4rem);   /* Grande e elegante */
  --font-size-h1:      clamp(2.1rem, 4.2vw, 3.25rem);  /* 34px a 52px */
  --font-size-h2:      clamp(1.65rem, 3.2vw, 2.35rem); /* 26px a 38px */
  --font-size-h3:      clamp(1.25rem, 2.2vw, 1.65rem); /* 20px a 26px */
  --font-size-h4:      1.125rem;                       /* 18px */
  --font-size-body-lg: 1.125rem;                       /* 18px */
  --font-size-body:    1rem;                           /* 16px */
  --font-size-body-sm: 0.875rem;                       /* 14px */
  --font-size-caption: 0.75rem;                        /* 12px */
  --font-size-price:   clamp(2.75rem, 5.5vw, 3.8rem);  /* 44px a 60px */

  /* Pesos Refinados — Predomínio de Leveza e Sutileza Suíça */
  --font-weight-light:    300; /* Headings finas, subtítulos, corpo editorial */
  --font-weight-regular:  400; /* Títulos equilibrados, blocos de leitura */
  --font-weight-medium:   450; /* Ênfase elegante, badges */
  --font-weight-semibold: 500; /* Botões e rotulagens */
  --font-weight-bold:     600; /* Reservado exclusivamente a preços (R$ 72) */

  /* Alturas de Linha Arejadas */
  --line-height-display: 1.14;
  --line-height-heading: 1.25;
  --line-height-body:    1.65;
  --line-height-tight:   1.3;

  /* Espaçamento entre Letras Reduzido (Leitura Mais Dinâmica & Fluida) */
  --letter-spacing-display:    -0.038em;
  --letter-spacing-heading:    -0.028em;
  --letter-spacing-subheading: -0.018em;
  --letter-spacing-tight:      -0.032em;
  --letter-spacing-body:       -0.014em;
  --letter-spacing-normal:     -0.008em;
  --letter-spacing-wide:        0.015em;
  --letter-spacing-caps:        0.06em;
  --letter-spacing-kicker:      0.08em;

  /* ==========================================================================
     4. TOKENS DE VIDRO LÍQUIDO E GLASSMORPHISM 2026
     ========================================================================== */
  --glass-blur-subtle: 12px;
  --glass-blur-base:   24px;
  --glass-blur-liquid: 36px;
  --glass-blur-dense:  48px;
  --glass-saturate:    200%;

  /* Superfícies de Vidro Líquido */
  --glass-surface-translucent: rgba(12, 16, 24, 0.65);
  --glass-surface-elevated:    rgba(16, 20, 32, 0.75);
  --glass-surface-card:        rgba(10, 14, 22, 0.72);
  --glass-surface-blue:        rgba(0, 36, 115, 0.28);
  --glass-surface-blue-hover:  rgba(0, 67, 224, 0.38);

  /* Bordas Especulares e Reflexos Chanfrados */
  --glass-border-subtle:   1px solid rgba(255, 255, 255, 0.08);
  --glass-border-specular: 1px solid rgba(255, 255, 255, 0.14);
  --glass-border-top-rim:  1px solid rgba(255, 255, 255, 0.38);
  --glass-border-blue:     1px solid rgba(0, 80, 255, 0.42);

  /* Sombras Inset e Externas */
  --glass-shadow-ambient: 0 20px 48px -10px rgba(0, 0, 0, 0.7);
  --glass-shadow-inset:   inset 0 1px 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.4);
  --glass-shadow-glow:    0 0 50px rgba(0, 80, 255, 0.3);

  /* ==========================================================================
     5. ESPAÇAMENTOS E LAYOUT
     ========================================================================== */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  --container-max-width: 1220px;
  --container-narrow-width: 860px;
  --container-editorial-width: 740px;
  --container-padding: clamp(16px, 4vw, 36px);

  /* Raios de Arredondamento */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* Transições e Z-index */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  --z-index-mesh:   0;
  --z-index-base:   1;
  --z-index-card:   2;
  --z-index-sticky: 100;
  --z-index-modal:  1000;
}