/* ============================================================
   Browzr Design Tokens — single source of truth
   Imported by: landing (getbrowzr.com) + dashboard (app.getbrowzr.com)
   ============================================================ */

/* Light (Glassy) */
:root, [data-theme="light"] {
  --bg-0: oklch(0.985 0.008 240);
  --bg-1: oklch(0.97 0.012 245);
  --bg-2: oklch(0.94 0.018 250);
  --ink-0: oklch(0.18 0.02 255);
  --ink-1: oklch(0.32 0.018 255);
  --ink-2: oklch(0.50 0.015 255);
  --ink-3: oklch(0.68 0.012 255);
  --line:      oklch(0.88 0.012 250 / 0.9);
  --line-soft: oklch(0.88 0.012 250 / 0.5);
  --glass-bg:        oklch(1 0 0 / 0.55);
  --glass-bg-strong: oklch(1 0 0 / 0.78);
  --glass-border:    oklch(1 0 0 / 0.85);
  --glass-edge:      oklch(0.88 0.02 245 / 0.7);
  --shadow-sm: 0 1px 2px oklch(0.5 0.05 250 / 0.06), 0 4px 16px oklch(0.4 0.05 250 / 0.05);
  --shadow-md: 0 1px 2px oklch(0.5 0.05 250 / 0.06), 0 8px 28px oklch(0.4 0.06 250 / 0.08), 0 30px 80px oklch(0.4 0.06 250 / 0.10);
  --shadow-lg: 0 30px 90px oklch(0.4 0.08 250 / 0.16), 0 8px 30px oklch(0.4 0.06 250 / 0.10);
  --accent-cyan:   oklch(0.78 0.12 215);
  --accent-violet: oklch(0.74 0.12 295);
  --accent-blue:   oklch(0.66 0.14 250);
  --accent-mint:   oklch(0.85 0.10 175);
  --aurora-1: oklch(0.92 0.07 215 / 0.55);
  --aurora-2: oklch(0.92 0.06 295 / 0.45);
  --aurora-3: oklch(0.95 0.05 175 / 0.45);
  --grid-line:     oklch(0.5 0.02 250 / 0.06);
  --orb-core:      oklch(0.97 0.04 200);
  --orb-mid:       oklch(0.85 0.10 200);
  --orb-edge:      oklch(0.62 0.14 250);
  --code-bg:       oklch(0.96 0.01 250);
  --btn-primary-bg:  oklch(0.18 0.02 255);
  --btn-primary-ink: oklch(0.985 0.005 250);
}

/* Deep Night */
[data-theme="night"] {
  --bg-0: oklch(0.13 0.025 255);
  --bg-1: oklch(0.16 0.03 255);
  --bg-2: oklch(0.20 0.035 255);
  --ink-0: oklch(0.97 0.008 240);
  --ink-1: oklch(0.85 0.015 240);
  --ink-2: oklch(0.66 0.02 240);
  --ink-3: oklch(0.50 0.025 245);
  --line:      oklch(0.40 0.04 250 / 0.5);
  --line-soft: oklch(0.40 0.04 250 / 0.25);
  --glass-bg:        oklch(0.22 0.04 255 / 0.45);
  --glass-bg-strong: oklch(0.22 0.04 255 / 0.7);
  --glass-border:    oklch(0.55 0.06 245 / 0.35);
  --glass-edge:      oklch(0.55 0.06 245 / 0.25);
  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 30px oklch(0 0 0 / 0.35);
  --shadow-md: 0 1px 2px oklch(0 0 0 / 0.45), 0 12px 40px oklch(0 0 0 / 0.5), 0 30px 90px oklch(0 0 0 / 0.55);
  --shadow-lg: 0 30px 120px oklch(0 0 0 / 0.6), 0 0 0 1px oklch(0.55 0.06 245 / 0.15);
  --accent-cyan:   oklch(0.80 0.16 200);
  --accent-violet: oklch(0.72 0.18 280);
  --accent-blue:   oklch(0.70 0.20 240);
  --accent-mint:   oklch(0.85 0.18 180);
  --aurora-1: oklch(0.55 0.18 220 / 0.45);
  --aurora-2: oklch(0.50 0.22 285 / 0.35);
  --aurora-3: oklch(0.65 0.18 185 / 0.30);
  --grid-line:     oklch(0.6 0.05 245 / 0.07);
  --orb-core:      oklch(0.95 0.10 200);
  --orb-mid:       oklch(0.70 0.18 220);
  --orb-edge:      oklch(0.45 0.22 260);
  --code-bg:       oklch(0.20 0.04 255 / 0.6);
  --btn-primary-bg:  oklch(0.96 0.02 240);
  --btn-primary-ink: oklch(0.13 0.025 255);
}

/* Dashboard always uses night mode */
:root:not([data-theme]) {
  --bg-0: oklch(0.13 0.025 255);
  --bg-1: oklch(0.16 0.03 255);
  --bg-2: oklch(0.20 0.035 255);
  --ink-0: oklch(0.97 0.008 240);
  --ink-1: oklch(0.85 0.015 240);
  --ink-2: oklch(0.66 0.02 240);
  --ink-3: oklch(0.50 0.025 245);
  --line:      oklch(0.40 0.04 250 / 0.5);
  --line-soft: oklch(0.40 0.04 250 / 0.25);
  --glass-bg:        oklch(0.22 0.04 255 / 0.45);
  --glass-bg-strong: oklch(0.22 0.04 255 / 0.7);
  --glass-border:    oklch(0.55 0.06 245 / 0.35);
  --glass-edge:      oklch(0.55 0.06 245 / 0.25);
  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.4), 0 8px 30px oklch(0 0 0 / 0.35);
  --shadow-md: 0 1px 2px oklch(0 0 0 / 0.45), 0 12px 40px oklch(0 0 0 / 0.5), 0 30px 90px oklch(0 0 0 / 0.55);
  --shadow-lg: 0 30px 120px oklch(0 0 0 / 0.6), 0 0 0 1px oklch(0.55 0.06 245 / 0.15);
  --accent-cyan:   oklch(0.80 0.16 200);
  --accent-violet: oklch(0.72 0.18 280);
  --accent-blue:   oklch(0.70 0.20 240);
  --accent-mint:   oklch(0.85 0.18 180);
  --aurora-1: oklch(0.55 0.18 220 / 0.45);
  --aurora-2: oklch(0.50 0.22 285 / 0.35);
  --aurora-3: oklch(0.65 0.18 185 / 0.30);
  --grid-line:     oklch(0.6 0.05 245 / 0.07);
  --orb-core:      oklch(0.95 0.10 200);
  --orb-mid:       oklch(0.70 0.18 220);
  --orb-edge:      oklch(0.45 0.22 260);
  --code-bg:       oklch(0.20 0.04 255 / 0.6);
  --btn-primary-bg:  oklch(0.96 0.02 240);
  --btn-primary-ink: oklch(0.13 0.025 255);
}