:root,
[data-theme="red-dark"] {
  color-scheme: dark;
  --font-body: Inter, "Segoe UI", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-size-xs: .72rem;
  --font-size-sm: .82rem;
  --font-size-base: .94rem;
  --font-size-lg: 1.1rem;
  --font-size-title: clamp(2rem, 4vw, 3rem);
  --line-height: 1.5;
  --page-bg: #100b0c;
  --page-glow: #4a0d16;
  --shell-bg: #121011;
  --surface: #181516;
  --surface-raised: #201b1c;
  --surface-deep: #0e0c0d;
  --sidebar-bg: #31080f;
  --sidebar-bg-strong: #210509;
  --text: #fff8f1;
  --text-soft: #d5c8c5;
  --text-muted: #a99794;
  --border: #43383a;
  --border-strong: #655053;
  --accent: #b80f34;
  --accent-strong: #d91846;
  --accent-soft: #5c1524;
  --highlight: #ff5577;
  --success: #69d66f;
  --success-bg: #193d22;
  --warning: #f2ca59;
  --warning-bg: #4c3915;
  --danger: #ff667f;
  --danger-bg: #531321;
  --focus: #ff7892;
  --thumb-bg: #352729;
  --overlay: #0b0809cc;
  --space-1: .35rem;
  --space-2: .55rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space: var(--space-4);
  --radius-control: .45rem;
  --radius-card: .65rem;
  --radius-panel: .8rem;
  --radius-shell: 1.15rem;
  --radius-round: 999px;
  --radius: var(--radius-panel);
  --button-radius: var(--radius-control);
  --button-height: 2.65rem;
  --button-padding-x: var(--space-4);
  --shadow-page: 0 1.8rem 5rem #00000066;
  --shadow-panel: 0 .8rem 2rem #00000026;
  --shadow-focus: 0 0 0 .18rem #ff557733;
  --shadow: var(--shadow-panel);
  --shell-max: 90rem;
  --sidebar-width: 14rem;
  --content-max: 74rem;
  --header-height: 4.5rem;
  --transition-fast: 150ms ease;
  --bg: var(--page-bg);
  --primary: var(--accent);
  --primary-hover: var(--accent-strong);
  --soft: var(--surface-raised);
  --muted: var(--text-muted);
  --admin-surface: var(--surface);
  --admin-surface-strong: var(--surface-deep);
  --admin-text: var(--text);
  --admin-muted: var(--text-muted);
  --admin-border: var(--border);
  --admin-accent: var(--accent);
  --admin-accent-strong: var(--accent-strong);
  --admin-sidebar: var(--sidebar-bg);
  --admin-highlight: var(--highlight);
  --admin-error: var(--danger);
  --admin-thumb: var(--thumb-bg);
  --admin-font: var(--font-body);
  --admin-display: var(--font-display);
}

[data-theme="crimson"] {
  --page-bg: #160306;
  --sidebar-bg: #3a0710;
  --accent: #cf173c;
  --accent-strong: #e72a4f;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; background: var(--page-bg); }
body {
  min-height: 100%;
  margin: 0;
  background: radial-gradient(circle at 8% 2%, var(--page-glow), transparent 34rem), radial-gradient(circle at 100% 16%, var(--accent-soft), transparent 28rem), var(--page-bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height);
}
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { transition: color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast); }
:focus-visible { outline: .12rem solid var(--focus); outline-offset: .14rem; }
[hidden] { display: none !important; }