/* Theme tokens and mode switching */
:root {
  color-scheme: dark;
  --theme-name: "dark";
  --header-bg: rgba(8,13,20,0.85);
  --header-bg-strong: rgba(8,13,20,0.9);
  --header-bg-solid: #0f1724;
  --hero-dot: #2a3544;
  --shadow-color: rgba(0,0,0,0.4);
  --surface-soft: rgba(255,255,255,0.03);
  --surface-soft-2: rgba(255,255,255,0.09);
  --surface-soft-3: rgba(255,255,255,0.08);
  --surface-strong: rgba(255,255,255,0.16);
  --overlay-bg: rgba(0,0,0,0.7);
  --contrast-bg: #fff;
  --contrast-text: #1a1a1a;
  --contrast-text-2: #080d14;
  --danger: #ff4d6a;
  --danger-soft: rgba(255,77,106,0.1);
  --danger-soft-2: rgba(255,77,106,0.25);
  --info: #60A5FA;
  --info-soft: rgba(96,165,250,0.15);
  --info-soft-2: rgba(96,165,250,0.12);
  --success: #34D399;
  --success-soft: rgba(52,211,153,0.15);
  --warning-strong: #FBBF24;
  --warning-soft: rgba(251,191,36,0.15);
  --warning: #f5a623;
  --warning-dim-1: rgba(245,166,35,0.12);
  --warning-dim-2: rgba(245,166,35,0.1);
  --blue-accent: #4da6ff;
  --blue-accent-soft: rgba(77,166,255,0.1);
  --blue-accent-soft-2: rgba(77,166,255,0.12);
  --theme-toggle-bg: transparent;
  --theme-toggle-border: var(--border);
  --theme-toggle-text: var(--text-dim);
  --theme-toggle-hover-bg: var(--surface-soft);
  --button-hover-bg: #00ff88;
  --button-hover-shadow: var(--green-glow);
  --pricing-popular-accent: var(--amber);
  --pricing-selected-border: var(--amber);
  --pricing-selected-ring: rgba(245,166,35,0.7);
  --pricing-selected-shadow: rgba(245,166,35,0.12);
  --pricing-popular-border: rgba(245,166,35,0.55);
  --pricing-popular-bg: rgba(245,166,35,0.05);
  --pricing-save-badge-bg: rgba(245,166,35,0.16);
  --pricing-save-badge-border: rgba(245,166,35,0.35);
  --btn-fetch-url-hover-bg: rgba(255,255,255,0.9);
  --input-bg: #263249;
  --input-text: #e8eff8;
  --input-border: var(--border);
  --input-placeholder: #8fa3bc;
  --peek-overlay-start: rgba(15,26,40,0);
  --peek-overlay-mid: rgba(15,26,40,0.5);
  --peek-overlay-end: rgba(15,26,40,0.95);
}

[data-theme="light"] {
  color-scheme: light;
  --theme-name: "light";
  --bg: #f5f7fb;
  --bg-alt: #edf2f8;
  --bg-card: #ffffff;
  --panel: #ffffff;
  --line: rgba(15,23,42,0.08);
  --line2: rgba(15,23,42,0.14);
  --text: #162033;
  --text-dim: #5f6f85;
  --text-muted: #5f6f85;
  --muted: #6c7b90;
  --muted2: #b8c4d3;
  --sub: #6f8198;
  --green: #00b86b;
  --green-dim: rgba(0,184,107,0.1);
  --green-glow: rgba(0,184,107,0.18);
  --green-text: #008f54;
  --amber: #d68a0b;
  --amber-dim: rgba(214,138,11,0.12);
  --border: #d8e0ea;
  --header-bg: rgba(245,247,251,0.9);
  --header-bg-strong: rgba(245,247,251,0.96);
  --header-bg-solid: #e9eef6;
  --hero-dot: #c8d2df;
  --shadow-color: rgba(15,23,42,0.08);
  --surface-soft: rgba(15,23,42,0.03);
  --surface-soft-2: rgba(3,53,42,0.05);
  --surface-soft-3: rgba(15,23,42,0.08);
  --surface-strong: rgba(15,23,42,0.14);
  --overlay-bg: rgba(15,23,42,0.45);
  --contrast-bg: #162033;
  --contrast-text: #ffffff;
  --contrast-text-2: #ffffff;
  --danger: #d93b5d;
  --danger-soft: rgba(217,59,93,0.08);
  --danger-soft-2: rgba(217,59,93,0.18);
  --info: #2563eb;
  --info-soft: rgba(37,99,235,0.12);
  --info-soft-2: rgba(37,99,235,0.1);
  --success: #16a34a;
  --success-soft: rgba(22,163,74,0.12);
  --warning-strong: #ca8a04;
  --warning-soft: rgba(202,138,4,0.13);
  --warning: #d68a0b;
  --warning-dim-1: rgba(214,138,11,0.12);
  --warning-dim-2: rgba(214,138,11,0.1);
  --blue-accent: #2563eb;
  --blue-accent-soft: rgba(37,99,235,0.08);
  --blue-accent-soft-2: rgba(37,99,235,0.1);
  --theme-toggle-bg: #ffffff;
  --theme-toggle-border: #d8e0ea;
  --theme-toggle-text: #162033;
  --theme-toggle-hover-bg: #f2f5fa;
  --button-hover-bg: #009e5c;
  --button-hover-shadow: rgba(0,184,107,0.18);
  --pricing-popular-accent: #5ac1e0;
  --pricing-selected-border: #5ac1e0;
  --pricing-selected-ring: rgba(90,193,224,0.55);
  --pricing-selected-shadow: rgba(90,193,224,0.14);
  --pricing-popular-border: rgba(90,193,224,0.55);
  --pricing-popular-bg: rgba(90,193,224,0.08);
  --pricing-save-badge-bg: rgba(90,193,224,0.14);
  --pricing-save-badge-border: rgba(90,193,224,0.35);
  --btn-fetch-url-hover-bg: rgba(22,32,51,0.9);
  --input-bg: #ffffff;
  --input-text: #162033;
  --input-border: #d8e0ea;
  --input-placeholder: #6c7b90;
  --peek-overlay-start: rgba(255,255,255,0);
  --peek-overlay-mid: rgba(255,255,255,0.7);
  --peek-overlay-end: rgba(255,255,255,0.96);
}