/* Generated by dev/sync-gateway-themes.mjs from src/web/src/theme.ts — do not edit by hand. */

:root,
:root[data-theme="midnight"],
[data-theme-scope="midnight"] {
  color-scheme: dark;
  --color-bg-primary: #0a0a0f;
  --color-bg-secondary: #16161d;
  --color-bg-card: #1d1d27;
  --color-bg-hover: #252533;
  --color-bg-elevated: rgba(22, 22, 29, 0.92);
  --color-bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #16161d 100%);
  --color-accent: #6366f1;
  --color-accent-hover: #7c7ff3;
  --color-accent-2: #8b5cf6;
  --color-accent-soft: rgba(99, 102, 241, 0.15);
  --color-accent-text: #c7d2fe;
  --color-on-accent: #ffffff;
  --color-success: #10b981;
  --color-success-soft: rgba(16, 185, 129, 0.12);
  --color-success-border: rgba(16, 185, 129, 0.55);
  --color-warning: #facc15;
  --color-danger: #ef4444;
  --color-danger-soft: rgba(239, 68, 68, 0.14);
  --color-text-primary: #ffffff;
  --color-text-secondary: #a1a1aa;
  --color-text-muted: #71717a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.16);
  --color-border-focus: rgba(99, 102, 241, 0.5);
  --color-shadow: rgba(0, 0, 0, 0.35);
  --color-overlay: rgba(0, 0, 0, 0.8);
}

:root[data-theme="stage"],
[data-theme-scope="stage"] {
  color-scheme: dark;
  --color-bg-primary: #0d0710;
  --color-bg-secondary: #1a0f1f;
  --color-bg-card: #211428;
  --color-bg-hover: #2e1c37;
  --color-bg-elevated: rgba(26, 15, 31, 0.92);
  --color-bg-gradient: radial-gradient(circle at 15% 0%, #2a0f2e 0%, #0d0710 55%);
  --color-accent: #ec4899;
  --color-accent-hover: #f472b6;
  --color-accent-2: #f59e0b;
  --color-accent-soft: rgba(236, 72, 153, 0.16);
  --color-accent-text: #fbcfe8;
  --color-on-accent: #ffffff;
  --color-success: #22d3ee;
  --color-success-soft: rgba(34, 211, 238, 0.12);
  --color-success-border: rgba(34, 211, 238, 0.55);
  --color-warning: #fbbf24;
  --color-danger: #f43f5e;
  --color-danger-soft: rgba(244, 63, 94, 0.15);
  --color-text-primary: #fdf4ff;
  --color-text-secondary: #c4b5c9;
  --color-text-muted: #8b7a91;
  --color-border: rgba(255, 255, 255, 0.09);
  --color-border-strong: rgba(255, 255, 255, 0.18);
  --color-border-focus: rgba(236, 72, 153, 0.5);
  --color-shadow: rgba(0, 0, 0, 0.45);
  --color-overlay: rgba(5, 0, 8, 0.82);
}

:root[data-theme="daylight"],
[data-theme-scope="daylight"] {
  color-scheme: light;
  --color-bg-primary: #f4f4f7;
  --color-bg-secondary: #ebebf0;
  --color-bg-card: #ffffff;
  --color-bg-hover: #e2e2ea;
  --color-bg-elevated: rgba(255, 255, 255, 0.94);
  --color-bg-gradient: linear-gradient(135deg, #f7f7fa 0%, #ececf2 100%);
  --color-accent: #4f46e5;
  --color-accent-hover: #4338ca;
  --color-accent-2: #7c3aed;
  --color-accent-soft: rgba(79, 70, 229, 0.1);
  --color-accent-text: #4338ca;
  --color-on-accent: #ffffff;
  --color-success: #047857;
  --color-success-soft: rgba(4, 120, 87, 0.08);
  --color-success-border: rgba(4, 120, 87, 0.45);
  --color-warning: #b45309;
  --color-danger: #dc2626;
  --color-danger-soft: rgba(220, 38, 38, 0.08);
  --color-text-primary: #18181b;
  --color-text-secondary: #52525b;
  --color-text-muted: #71717a;
  --color-border: rgba(24, 24, 27, 0.1);
  --color-border-strong: rgba(24, 24, 27, 0.2);
  --color-border-focus: rgba(79, 70, 229, 0.45);
  --color-shadow: rgba(24, 24, 27, 0.12);
  --color-overlay: rgba(24, 24, 27, 0.45);
}