/* ====================================================
   Adibiz.in — Design System Tokens
   OKLCH Color Space & Precision System Metrics
   ==================================================== */

:root {
  --color-bg: oklch(0.975 0.006 245);
  --color-surface: oklch(0.935 0.012 245);
  --color-surface-glass: oklch(0.965 0.008 245 / 0.85);
  --color-border: oklch(0.86 0.015 245);
  --color-border-subtle: oklch(0.90 0.010 245);
  --color-ink: oklch(0.20 0.025 250);
  --color-muted: oklch(0.50 0.02 245);
  --color-accent: oklch(0.52 0.20 245);
  --color-accent-hover: oklch(0.46 0.22 245);
  --color-accent-soft: oklch(0.52 0.20 245 / 0.10);
  --color-signal: oklch(0.60 0.21 28);
  --color-signal-soft: oklch(0.60 0.21 28 / 0.15);
  --color-placeholder-bg: oklch(0.94 0.010 245);
  --color-placeholder-border: oklch(0.82 0.020 245);
  --color-shadow: oklch(0.20 0.025 250 / 0.06);

  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --max-width: 1180px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: oklch(0.16 0.025 250);
    --color-surface: oklch(0.22 0.030 250);
    --color-surface-glass: oklch(0.20 0.028 250 / 0.80);
    --color-border: oklch(0.30 0.035 250);
    --color-border-subtle: oklch(0.25 0.028 250);
    --color-ink: oklch(0.94 0.010 240);
    --color-muted: oklch(0.66 0.020 240);
    --color-accent: oklch(0.64 0.18 245);
    --color-accent-hover: oklch(0.70 0.20 245);
    --color-accent-soft: oklch(0.64 0.18 245 / 0.15);
    --color-signal: oklch(0.65 0.21 28);
    --color-signal-soft: oklch(0.65 0.21 28 / 0.20);
    --color-placeholder-bg: oklch(0.19 0.028 250);
    --color-placeholder-border: oklch(0.35 0.040 250);
    --color-shadow: oklch(0 0 0 / 0.35);
  }
}

:root[data-theme="dark"] {
  --color-bg: oklch(0.16 0.025 250);
  --color-surface: oklch(0.22 0.030 250);
  --color-surface-glass: oklch(0.20 0.028 250 / 0.80);
  --color-border: oklch(0.30 0.035 250);
  --color-border-subtle: oklch(0.25 0.028 250);
  --color-ink: oklch(0.94 0.010 240);
  --color-muted: oklch(0.66 0.020 240);
  --color-accent: oklch(0.64 0.18 245);
  --color-accent-hover: oklch(0.70 0.20 245);
  --color-accent-soft: oklch(0.64 0.18 245 / 0.15);
  --color-signal: oklch(0.65 0.21 28);
  --color-signal-soft: oklch(0.65 0.21 28 / 0.20);
  --color-placeholder-bg: oklch(0.19 0.028 250);
  --color-placeholder-border: oklch(0.35 0.040 250);
  --color-shadow: oklch(0 0 0 / 0.35);
}

:root[data-theme="light"] {
  --color-bg: oklch(0.975 0.006 245);
  --color-surface: oklch(0.935 0.012 245);
  --color-surface-glass: oklch(0.965 0.008 245 / 0.85);
  --color-border: oklch(0.86 0.015 245);
  --color-border-subtle: oklch(0.90 0.010 245);
  --color-ink: oklch(0.20 0.025 250);
  --color-muted: oklch(0.50 0.02 245);
  --color-accent: oklch(0.52 0.20 245);
  --color-accent-hover: oklch(0.46 0.22 245);
  --color-accent-soft: oklch(0.52 0.20 245 / 0.10);
  --color-signal: oklch(0.60 0.21 28);
  --color-signal-soft: oklch(0.60 0.21 28 / 0.15);
  --color-placeholder-bg: oklch(0.94 0.010 245);
  --color-placeholder-border: oklch(0.82 0.020 245);
  --color-shadow: oklch(0.20 0.025 250 / 0.06);
}