/* ============================================================
   EAB — Escola de Astrologia de Brasília
   Design tokens · paleta "Céu de Brasília"
   Referência: imagem/tokens.css · importar antes de portal.css
   Tipografia em produção: Manrope (sem Fraunces / Instrument Sans)
   ============================================================ */

:root {
  /* ---- Azul-noite (cor de marca / âncora dos banners) ---- */
  --eab-azul-900: #0A1024;
  --eab-azul-800: #0F1A3D;
  --eab-azul-700: #16265C;   /* PRIMÁRIA */
  --eab-azul-600: #1E347E;
  --eab-azul-500: #2D4FB0;   /* interativo / links */
  --eab-azul-400: #4E74D6;   /* links sobre fundo escuro */

  /* ---- Ouro estelar (acento) ---- */
  --eab-ouro-700: #A87A26;   /* texto ouro sobre claro */
  --eab-ouro-500: #D9A441;   /* CTA principal */
  --eab-ouro-400: #E8BC68;   /* hover do CTA */
  --eab-ouro-300: #F2D08C;

  /* ---- Neutros quentes ---- */
  --eab-areia-50:  #FBF8F1;
  --eab-areia-100: #F3EEE2;
  --eab-branco:    #FFFFFF;
  --eab-grafite-900: #11152A;
  --eab-grafite-600: #4C5366;
  --eab-linha:       #E7E1D3;

  /* ---- Estados ---- */
  --eab-sucesso: #3FAE7A;
  --eab-alerta:  #E8A93C;
  --eab-erro:    #D7503F;

  /* ---- Papéis semânticos (use ESTES nos componentes) ---- */
  --eab-primary:     var(--eab-azul-700);
  --eab-primary-ink: var(--eab-branco);
  --eab-accent:      var(--eab-ouro-500);
  --eab-accent-ink:  var(--eab-azul-900);
  --eab-bg:          var(--eab-areia-50);
  --eab-surface:     var(--eab-branco);
  --eab-text:        var(--eab-grafite-900);
  --eab-text-muted:  var(--eab-grafite-600);
  --eab-border:      var(--eab-linha);
  --eab-link:        var(--eab-azul-500);

  /* ---- Tipografia (Manrope em todo o portal) ---- */
  --eab-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --eab-sans:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Escala de fonte (fluida) ---- */
  --fs-hero:  clamp(2.75rem, 7vw, 5.25rem);
  --fs-h2:    clamp(1.875rem, 4vw, 2.875rem);
  --fs-h3:    1.625rem;
  --fs-h4:    1.25rem;
  --fs-body:  1.0625rem;
  --fs-small: 0.875rem;
  --fs-label: 0.8125rem;
  --lh-body: 1.7;
  --lh-head: 1.08;

  /* ---- Raio, espaço, sombra ---- */
  --r-btn: 999px;
  --r-card: 18px;
  --r-md: 12px;
  --sec-pad: clamp(4rem, 10vw, 7.5rem);
  --shadow-card: 0 16px 40px rgba(16, 38, 92, 0.14);
  --ease: 0.25s cubic-bezier(.2,.6,.2,1);
}

[data-theme="dark"] {
  --eab-bg:         var(--eab-azul-900);
  --eab-surface:    #121A38;
  --eab-text:       #F4F1E8;
  --eab-text-muted: #A9B0C7;
  --eab-border:     rgba(255, 255, 255, 0.10);
  --eab-link:       var(--eab-azul-400);
  --eab-primary-ink: var(--eab-azul-900);
}