/* ==========================================================================
   BIOVIE HEALTH EXPERIENCE 2026 — Design tokens
   Fonte: identidade Biovie Farmacêutica (logo dourada, creme e quadrada)
   + material oficial do evento (pôster golden hour e cards de palestrantes).

   Convenção de nomes
   1. Primitivos  → --bg-*, --biovie-*, --golden-hour-*, --text-*  (valores brutos da marca)
   2. Semânticos  → --surface, --ink, --ink-muted, --accent, --line   (o que o componente consome)
   3. Escalas     → --step-*, --space-*, --radius-*, --dur-*, --ease-*
   Componentes consomem apenas semânticos e escalas; primitivos só aparecem aqui.

   Contraste (WCAG 2.1 AA) verificado:
   --text-primary   / --bg-obsidian        16.9 : 1
   --text-secondary / --bg-obsidian         7.3 : 1
   --text-secondary / --bg-surface-dark     6.8 : 1
   --biovie-gold-primary / --bg-obsidian    8.3 : 1
   --biovie-navy    / --biovie-gold-primary 8.2 : 1   (botão primário)
   --biovie-navy    / --bg-editorial-cream 14.5 : 1
   --ink-cream-muted / --bg-editorial-cream 6.1 : 1
   --biovie-gold-ink / --bg-editorial-cream 5.3 : 1   (texto dourado sobre creme)
   --biovie-gold-primary / creme            1.8 : 1   → só decorativo, nunca texto
   ========================================================================== */

:root {
  /* ---- 1. Primitivos de cor ------------------------------------------- */
  --bg-obsidian: #111113;
  --bg-surface-dark: #18181C;
  --bg-surface-raised: #1F1F25;
  --bg-editorial-cream: #EAE3D9;
  --bg-cream-deep: #E1D8CB;

  --biovie-navy: #0F1322;
  --biovie-gold-primary: #D4A548;
  --biovie-gold-light: #E8C77B;
  --biovie-gold-deep: #9E6F21;
  --biovie-gold-ink: #7A5418;
  --biovie-gold-line: #C8A96E;

  --golden-hour-glow: #C87E4F;
  --golden-hour-glow-soft: #D99B52;

  --text-primary: #F5F2EB;
  --text-secondary: #A6A095;
  --ink-cream-muted: #5A5148;

  --line-strong-dark: #7D776E;
  --state-error-dark: #F0A48C;
  --state-error-light: #9B2C1C;

  /* ---- Gradientes metálicos ------------------------------------------- */
  /* Usado em superfícies com texto navy: só tons claros, contraste ≥ 8:1 */
  --gold-metal: linear-gradient(118deg,
      var(--biovie-gold-primary) 0%,
      var(--biovie-gold-light) 42%,
      #F3DCA3 52%,
      var(--biovie-gold-light) 62%,
      var(--biovie-gold-primary) 100%);
  /* Decorativo (filetes, bordas, ícones): pode descer ao ouro profundo */
  --gold-metal-full: linear-gradient(118deg,
      var(--biovie-gold-deep) 0%,
      var(--biovie-gold-primary) 30%,
      var(--biovie-gold-light) 50%,
      var(--biovie-gold-primary) 70%,
      var(--biovie-gold-deep) 100%);

  /* ---- 2. Semânticos (tema escuro = padrão) ---------------------------- */
  --surface: var(--bg-obsidian);
  --surface-raised: var(--bg-surface-dark);
  --ink: var(--text-primary);
  --ink-muted: var(--text-secondary);
  --accent: var(--biovie-gold-primary);
  --accent-ink: var(--biovie-gold-primary);
  --line: rgba(200, 169, 110, 0.28);
  --line-strong: var(--line-strong-dark);
  --focus-ring: var(--biovie-gold-light);
  --state-error: var(--state-error-dark);

  --glass-bg: rgba(24, 24, 28, 0.58);
  --glass-border: rgba(212, 165, 72, 0.22);
  --glass-blur: 18px;

  /* ---- 3. Tipografia --------------------------------------------------- */
  /* Fonte única da marca: Sofia Pro (brandbook Biovie, p. 36 — 10 pesos + itálicas).
     "sofia-pro" é o nome servido pelo Adobe Fonts; "Outfit" é a reserva gratuita
     usada apenas enquanto o kit web não estiver ativo. */
  --font-brand: "sofia-pro", "Sofia Pro", "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: var(--font-brand);
  --font-sans: var(--font-brand);

  /* Escala modular (≈ 1.25, fluida nos degraus de display) */
  --step--2: 0.6875rem;   /* 11px — rótulos mínimos */
  --step--1: 0.8125rem;   /* 13px — micro-labels / metadados */
  --step-0: 1.0625rem;    /* 17px — corpo */
  --step-1: 1.25rem;      /* 20px — lead */
  --step-2: clamp(1.4rem, 1.15rem + 0.9vw, 1.85rem);
  --step-3: clamp(1.9rem, 1.4rem + 2vw, 2.9rem);
  --step-4: clamp(2.6rem, 1.6rem + 4vw, 4.75rem);
  --step-5: clamp(2.75rem, 0.8rem + 9.6vw, 7.6rem);

  --weight-thin: 200;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --tracking-micro: 0.24em;
  --tracking-tight: -0.02em;

  --leading-tight: 1.02;
  --leading-snug: 1.2;
  --leading-body: 1.62;
  --leading-serif: 1.7;

  --measure: 64ch;

  /* ---- Espaço (base 4) ------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 9rem;
  --section-pad: clamp(5rem, 3rem + 8vw, 10rem);

  /* ---- Layout ---------------------------------------------------------- */
  --container: 1320px;
  --gutter: clamp(16px, 4vw, 56px);
  --header-h: 76px;

  /* ---- Raios (hierarquia, não um valor único) ---------------------------- */
  --radius-pill: 999px;
  --radius-card: 6px;
  --radius-frame: 2px;
  --radius-field: 0;
  --radius-arch: 999px 999px 10px 10px;

  /* ---- Elevação -------------------------------------------------------- */
  --shadow-gold: 0 18px 60px -24px rgba(212, 165, 72, 0.45);
  --shadow-deep: 0 40px 80px -40px rgba(0, 0, 0, 0.8);

  /* ---- Movimento ------------------------------------------------------- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-slow: 900ms;
  --dur-theme: 1100ms;
  --seal-spin: 18s;

  /* ---- Textura e luz --------------------------------------------------- */
  --grain-opacity: 0.03;
  --beam-blur: 130px;
}

/* Tema creme institucional (seção Propósito) — escopo local */
[data-theme="cream"] {
  --surface: var(--bg-editorial-cream);
  --surface-raised: var(--bg-cream-deep);
  --ink: var(--biovie-navy);
  --ink-muted: var(--ink-cream-muted);
  --accent: var(--biovie-gold-primary);
  --accent-ink: var(--biovie-gold-ink);
  --line: rgba(158, 111, 33, 0.32);
  --line-strong: var(--biovie-gold-deep);
  --focus-ring: var(--biovie-navy);
  --state-error: var(--state-error-light);
}