:root,
:root[data-theme='dark'] {
  color-scheme: dark;
  --rg-bg: #0B0D11;
  --rg-surface: #13171F;
  --rg-surface-2: #1C222D;
  --rg-line: rgba(243, 245, 248, 0.09);
  --rg-line-soft: rgba(243, 245, 248, 0.055);
  --rg-line-accent: rgba(243, 245, 248, 0.36);
  --rg-accent: #F3F5F8;
  --rg-accent-ink: #0B0D11;
  --rg-ring: rgba(243, 245, 248, 0.08);
  --rg-text: #F3F5F8;
  --rg-muted: #8E98A8;
  --rg-danger: #ff5c5c;
  --rg-accent-subtle: #1C222D;
  --rg-pill: 999px;
  --rg-radius: 14px;
  --rg-shadow: 0 1px 2px rgba(0, 0, 0, 0.32), 0 8px 22px -6px rgba(0, 0, 0, 0.45), 0 24px 48px -20px rgba(0, 0, 0, 0.52);

  --rg-brand: #0F141C;
  --rg-brand-strong: #1C222D;
  --rg-brand-ink: #F3F5F8;
  --rg-brand-ring: rgba(243, 245, 248, 0.22);
  --rg-brand-glow: 0 6px 20px -6px rgba(0, 0, 0, 0.45);

  --rg-font-display: 'Fraunces Var', ui-serif, Georgia, 'Times New Roman', serif;
  --rg-font-body: 'Plus Jakarta Sans Var', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --rg-font-sans: var(--rg-font-body);

  --rg-bg-glass: rgba(19, 23, 31, 0.76);
}

:root[data-theme='light'] {
  color-scheme: light;
  --rg-bg: #F5F7FA;
  --rg-surface: #FFFFFF;
  --rg-surface-2: #EBEEF3;
  --rg-line: rgba(15, 20, 28, 0.085);
  --rg-line-soft: rgba(15, 20, 28, 0.055);
  --rg-line-accent: rgba(15, 20, 28, 0.26);
  --rg-accent: #0F141C;
  --rg-accent-ink: #FFFFFF;
  --rg-ring: rgba(15, 20, 28, 0.06);
  --rg-text: #0F141C;
  --rg-muted: #5B6472;
  --rg-danger: #d33131;
  --rg-accent-subtle: #E6EAF0;
  --rg-shadow: 0 1px 3px rgba(15, 20, 28, 0.04), 0 8px 22px -6px rgba(15, 20, 28, 0.06);

  --rg-brand: #0F141C;
  --rg-brand-strong: #1E2532;
  --rg-brand-ink: #FFFFFF;
  --rg-brand-ring: rgba(15, 20, 28, 0.16);
  --rg-brand-glow: 0 6px 20px -8px rgba(15, 20, 28, 0.18);

  --rg-bg-glass: rgba(255, 255, 255, 0.78);
}