:root {
  --theme-ink: #0f172a;
  --theme-ink-soft: #475569;
  --theme-accent: #2563eb;
  --theme-accent-dark: #1d4ed8;
  --theme-teal: #1e3a8a;
  --theme-cream: #f1f5f9;
  --theme-sun: #dbeafe;
  --theme-shadow: rgba(15, 23, 42, 0.08);
  --theme-page-bg: linear-gradient(180deg, #f8fbff 0%, #edf3ff 100%);
  --theme-surface: #ffffff;
  --theme-surface-muted: #f5f8ff;
  --theme-surface-subtle: #f8fbff;
  --theme-surface-hover: #eef4ff;
  --theme-border: rgba(15, 23, 42, 0.06);
  --theme-border-strong: rgba(15, 23, 42, 0.12);
}
html[data-theme="light"] {
  --theme-ink: #0f172a;
  --theme-ink-soft: #475569;
  --theme-accent: #2563eb;
  --theme-accent-dark: #1d4ed8;
  --theme-teal: #1e3a8a;
  --theme-cream: #f1f5f9;
  --theme-sun: #dbeafe;
  --theme-shadow: rgba(15, 23, 42, 0.08);
  --theme-page-bg: linear-gradient(180deg, #f8fbff 0%, #edf3ff 100%);
  --theme-surface: #ffffff;
  --theme-surface-muted: #f5f8ff;
  --theme-surface-subtle: #f8fbff;
  --theme-surface-hover: #eef4ff;
  --theme-border: rgba(15, 23, 42, 0.06);
  --theme-border-strong: rgba(15, 23, 42, 0.12);
}

html[data-theme="dark"] {
  --theme-ink: #e2e8f0;
  --theme-ink-soft: #94a3b8;
  --theme-accent: #38bdf8;
  --theme-accent-dark: #0ea5e9;
  --theme-teal: #22d3ee;
  --theme-cream: #0f172a;
  --theme-sun: #1e293b;
  --theme-shadow: rgba(15, 23, 42, 0.45);
  --theme-page-bg: linear-gradient(180deg, #0b1220 0%, #101a2b 100%);
  --theme-surface: #111827;
  --theme-surface-muted: #0f172a;
  --theme-surface-subtle: #0b1220;
  --theme-surface-hover: #1f2937;
  --theme-border: rgba(148, 163, 184, 0.2);
  --theme-border-strong: rgba(148, 163, 184, 0.35);
}