/* Webbi Shared Foundations v0.1 — APPROVED FOR PILOT USE */
:root {
  color-scheme: dark;

  --webbi-color-void: #000000;
  --webbi-color-deep-space: #020b17;
  --webbi-color-electric-blue: #007bff;
  --webbi-color-photon-cyan: #00b8ff;
  --webbi-color-ice-blue: #88ddff;
  --webbi-color-signature-blue: #b8dfff;
  --webbi-color-chrome-silver: #d8dde4;
  --webbi-color-steel: #737c87;
  --webbi-color-soft-white: #f2f4f7;
  --webbi-color-utility-gold: #d9a72d;

  --webbi-space-0: 0;
  --webbi-space-1: 0.25rem;
  --webbi-space-2: 0.5rem;
  --webbi-space-3: 0.75rem;
  --webbi-space-4: 1rem;
  --webbi-space-6: 1.5rem;
  --webbi-space-8: 2rem;
  --webbi-space-12: 3rem;
  --webbi-space-16: 4rem;
  --webbi-space-24: 6rem;

  --webbi-radius-control: 0.5rem;
  --webbi-radius-panel: 0.75rem;
  --webbi-radius-pill: 999px;

  --webbi-font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
  --webbi-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --webbi-font-size-body: 1rem;
  --webbi-line-height-body: 1.5;

  --webbi-focus-color: var(--webbi-color-photon-cyan);
  --webbi-focus-width: 2px;
  --webbi-focus-offset: 2px;

  --webbi-glow-sm: 0 0 0.5rem rgb(0 184 255 / 35%);
  --webbi-glow-md: 0 0 1rem rgb(0 184 255 / 42%);
  --webbi-glow-lg: 0 0 2rem rgb(0 123 255 / 50%);
  --webbi-elevation-panel: 0 0.75rem 2rem rgb(0 0 0 / 45%);

  --webbi-motion-fast: 120ms;
  --webbi-motion-standard: 200ms;
  --webbi-motion-slow: 320ms;
  --webbi-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --webbi-motion-fast: 0ms;
    --webbi-motion-standard: 0ms;
    --webbi-motion-slow: 0ms;
  }
}