/* GAIO Tech — shared design tokens (marketing + app) */
:root {
  color-scheme: light;
  --bg:      oklch(97% 0.004 95);
  --surface: oklch(100% 0.002 95);
  --surface-2: oklch(98% 0.004 95);
  --fg:      oklch(15% 0.02 250);
  --muted:   oklch(42% 0.014 250);
  --border:  oklch(88% 0.006 250);
  --grid-line: oklch(92% 0.004 250);
  --accent:  oklch(55% 0.22 25);
  --brand:   oklch(78% 0.14 185);
  --brand-dim: oklch(62% 0.12 185);
  --brand-soft: oklch(96% 0.04 185);
  --success: oklch(62% 0.14 155);
  --warn:    oklch(72% 0.16 75);
  --panel:   oklch(15% 0.02 250);
  --panel-fg: oklch(100% 0.002 95);
  --shadow-sm: 0 1px 3px oklch(15% 0.02 250 / 0.06);
  --shadow-md: 0 4px 20px oklch(15% 0.02 250 / 0.08);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --sidebar-w: 268px;
  --topbar-h: 4.5rem;
  --content-max: 1120px;
  --content-pad-x: clamp(1rem, 3vw, 2rem);
  --font-display: 'Helvetica Neue', Helvetica, 'Arial Black', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --rule: 1px solid var(--border);
  --pad-x: clamp(1rem, 4vw, 3rem);
  --pad-y: clamp(3rem, 8vw, 6rem);
  --article-max: 680px;
  --login-btn: oklch(52% 0.1 185);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg:      oklch(14% 0.008 250);
  --surface: oklch(19% 0.01 250);
  --surface-2: oklch(22% 0.012 250);
  --fg:      oklch(94% 0.006 95);
  --muted:   oklch(68% 0.012 250);
  --border:  oklch(28% 0.01 250);
  --grid-line: oklch(24% 0.008 250);
  --accent:  oklch(62% 0.22 25);
  --brand:   oklch(80% 0.15 185);
  --brand-dim: oklch(65% 0.13 185);
  --brand-soft: oklch(26% 0.04 185);
  --success: oklch(68% 0.14 155);
  --warn:    oklch(78% 0.16 75);
  --panel:   oklch(8% 0.006 250);
  --panel-fg: oklch(94% 0.006 95);
  --shadow-sm: 0 1px 3px oklch(0% 0 0 / 0.25);
  --shadow-md: 0 4px 20px oklch(0% 0 0 / 0.35);
  --login-btn: oklch(58% 0.11 185);
}