:root {
  /* Paleta clean (Apple-style). Os nomes legados --navy-* / --off-white ficam
     mapeados pros tons cinza escuro Apple pra compatibilidade com regras
     antigas que ainda referenciam essas vars. */
  --navy-900: #000000;
  --navy-800: #1c1c1e;
  --navy-700: #2c2c2e;
  --navy-600: #3a3a3c;
  --navy-500: #48484a;
  --gold: #E5B65A;
  --gold-bright: #F2C84B;
  --gold-soft: #D8A954;
  --gold-dark: #B88800;
  --bee: #F2C84B;
  --bee-bright: #FFD95A;
  --bee-dark: #C99A1F;
  --off-white: #f5f5f7;
  --off-white-dim: #d1d1d6;
  --muted: #98989d;
  --success: #30d158;
  --warning: #ff9f0a;
  --error: #ff453a;
  --error-bg: rgba(255,69,58,0.08);
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --shadow-card: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-hover: 0 8px 24px rgba(0,0,0,0.12);
  --transition: cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1180px;
}

/* ============== LIGHT THEME ============== */
[data-theme="light"] {
  --navy-900: #e8e8eb;
  --navy-800: #f1f1f4;
  --navy-700: #dcdce0;
  --navy-600: #d4d4d9;
  --navy-500: #d2d2d7;
  --off-white: #1d1d1f;
  --off-white-dim: #424245;
  --muted: #86868b;
  /* Em light, "gold" vira preto/cinza — Apple-clean. Dourado fica reservado
     pro --bee, usado em accents pontuais (badges, gradientes ocasionais). */
  --gold: #1d1d1f;
  --gold-bright: #1d1d1f;
  --gold-soft: #424245;
  --gold-dark: #6e6e73;
  --bee: #B88800;
  --bee-bright: #D9A300;
  --bee-dark: #8C6900;
  --shadow-card: 0 4px 16px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-hover: 0 12px 32px rgba(0,0,0,0.10);
}

/* ── LIGHT MODE — todas as regras prefixadas com [data-theme="light"]
   para sobrepor a CSS estrutural que vem depois no arquivo ── */

[data-theme="light"] body {
  background: #e8e8eb;
  color: #000;
}
[data-theme="light"] body::before { display: none; }
[data-theme="light"] body::after { display: none; }