/* Design tokens — escuro por padrão; a escolha explícita tem prioridade. */
:root {
  color-scheme: dark;
  --bg: #0B0D12;
  --bg-tint: #0F1218;
  --surface: rgba(255, 255, 255, .03);
  --surface-2: #181C25;
  --ink: #F2F4F8;
  --ink-2: #B4BCCB;
  /* Margem de contraste também sobre vidro, brilho e hover. */
  --muted: #98A2B5;
  --line: rgba(255, 255, 255, .08);
  --line-soft: rgba(255, 255, 255, .05);
  --accent: #6E8BFF;
  --accent-2: #A78BFA;
  --accent-hover: #91A6FF;
  --accent-wash: rgba(110, 139, 255, .08);
  --gradient: linear-gradient(120deg, var(--accent), var(--accent-2));
  --on-accent: #0B0D12;
  --success: #64DCA5;
  --glow-opacity: .14;
  --shadow: 0 12px 32px -20px rgba(0, 0, 0, .6);
  --shadow-lg: 0 24px 64px -28px rgba(0, 0, 0, .7);
  --radius: 22px;
  --radius-sm: 14px;
  --wrap: 1120px;
  --header-h: 82px;
  --heading: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;
  --serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #FAFAFB;
  --bg-tint: #F3F4F7;
  --surface: #FFFFFF;
  --surface-2: #F3F4F7;
  --ink: #0B0D12;
  --ink-2: #3A4150;
  --muted: #606777;
  --line: #E5E7EB;
  --line-soft: #EEF0F3;
  --accent: #3453F0;
  --accent-2: #7048E8;
  --accent-hover: #2F49DB;
  --accent-wash: rgba(52, 83, 240, .05);
  --on-accent: #FFFFFF;
  --success: #18784C;
  --glow-opacity: .07;
  --shadow: 0 12px 32px -20px rgba(11, 13, 18, .15);
  --shadow-lg: 0 24px 64px -28px rgba(11, 13, 18, .22);
}