/* Generated from content/theme.yaml — do not edit by hand */
:root {
  --page-pad: clamp(1rem, 4vw, 1.5rem);
  --bg: #0b0f14;
  --surface: #141b24;
  --surface-alt: #1a2433;
  --border: #243044;
  --text: #e8edf4;
  --muted: #8b9cb3;
  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.12);
  --accent-2: #22d3ee;
  --glow-color: rgba(59, 130, 246, 0.18);
  --note-bg: rgba(20, 27, 36, 0.6);
  --on-accent: #ffffff;
  --logo-filter: none;
}
[data-theme="dark"] {
  --page-pad: clamp(1rem, 4vw, 1.5rem);
  --bg: #0b0f14;
  --surface: #141b24;
  --surface-alt: #1a2433;
  --border: #243044;
  --text: #e8edf4;
  --muted: #8b9cb3;
  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.12);
  --accent-2: #22d3ee;
  --glow-color: rgba(59, 130, 246, 0.18);
  --note-bg: rgba(20, 27, 36, 0.6);
  --on-accent: #ffffff;
  --logo-filter: none;
}
[data-theme="light"] {
  --page-pad: clamp(1rem, 4vw, 1.5rem);
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-alt: #f1f5f9;
  --border: #e2e8f0;
  --text: #0f172a;
  --muted: #64748b;
  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.1);
  --accent-2: #0891b2;
  --glow-color: rgba(37, 99, 235, 0.12);
  --note-bg: rgba(241, 245, 249, 0.95);
  --on-accent: #ffffff;
  --logo-filter: none;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #f8fafc;
    --surface: #ffffff;
    --surface-alt: #f1f5f9;
    --border: #e2e8f0;
    --text: #0f172a;
    --muted: #64748b;
    --accent: #2563eb;
    --accent-soft: rgba(37, 99, 235, 0.1);
    --accent-2: #0891b2;
    --glow-color: rgba(37, 99, 235, 0.12);
    --note-bg: rgba(241, 245, 249, 0.95);
    --on-accent: #ffffff;
    --logo-filter: none;
  }
}