:root {
  color-scheme: light dark;

  --ekbe-signal: #c8ff3d;
  --ekbe-signal-hover: #b7f01f;
  --ekbe-violet: #635bff;
  --ekbe-aqua: #72e6c2;
  --ekbe-success: #218b62;
  --ekbe-warning: #a86400;
  --ekbe-danger: #c93645;
  --ekbe-info: #316ed8;
  --ekbe-focus: #635bff;

  --ekbe-dark-background: #090b10;
  --ekbe-dark-surface: #11141b;
  --ekbe-dark-raised: #171a22;
  --ekbe-dark-soft: #0d1016;
  --ekbe-dark-border: #2a2f3a;
  --ekbe-dark-text: #f7f8f2;
  --ekbe-dark-text-secondary: #bcc2ce;
  --ekbe-dark-muted: #858c99;
  --ekbe-dark-disabled: #565c67;

  --ekbe-light-background: #f7f8f2;
  --ekbe-light-surface: #ffffff;
  --ekbe-light-raised: #f0f1ec;
  --ekbe-light-soft: #eaebe5;
  --ekbe-light-border: #d7d9d2;
  --ekbe-light-text: #171a20;
  --ekbe-light-text-secondary: #4d5561;
  --ekbe-light-muted: #6f7783;
  --ekbe-light-disabled: #a5aab2;

  --ekbe-bg: var(--ekbe-light-background);
  --ekbe-surface: var(--ekbe-light-surface);
  --ekbe-raised: var(--ekbe-light-raised);
  --ekbe-soft: var(--ekbe-light-soft);
  --ekbe-border: var(--ekbe-light-border);
  --ekbe-text: var(--ekbe-light-text);
  --ekbe-text-secondary: var(--ekbe-light-text-secondary);
  --ekbe-muted: var(--ekbe-light-muted);
  --ekbe-disabled: var(--ekbe-light-disabled);
  --ekbe-inverse-bg: var(--ekbe-dark-background);
  --ekbe-inverse-surface: var(--ekbe-dark-surface);
  --ekbe-inverse-text: var(--ekbe-dark-text);
  --ekbe-inverse-muted: var(--ekbe-dark-muted);
  --ekbe-inverse-border: var(--ekbe-dark-border);

  --ekbe-font-display: Manrope, Inter, system-ui, sans-serif;
  --ekbe-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ekbe-font-code: "IBM Plex Mono", ui-monospace, monospace;

  --ekbe-space-1: 0.25rem;
  --ekbe-space-2: 0.5rem;
  --ekbe-space-3: 0.75rem;
  --ekbe-space-4: 1rem;
  --ekbe-space-6: 1.5rem;
  --ekbe-space-8: 2rem;
  --ekbe-space-12: 3rem;
  --ekbe-space-16: 4rem;
  --ekbe-space-18: 4.5rem;
  --ekbe-space-24: 6rem;

  --ekbe-radius-control: 0.625rem;
  --ekbe-radius-card: 1.125rem;
  --ekbe-radius-panel: 1.75rem;
  --ekbe-radius-pill: 999px;

  --ekbe-motion-instant: 80ms;
  --ekbe-motion-fast: 160ms;
  --ekbe-motion-base: 240ms;
  --ekbe-motion-slow: 400ms;
  --ekbe-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --ekbe-grid-max: 1200px;
  --ekbe-shadow-raised: 0 1rem 2.5rem rgb(9 11 16 / 10%);
  --ekbe-shadow-overlay: 0 1.5rem 4rem rgb(9 11 16 / 24%);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ekbe-bg: var(--ekbe-dark-background);
  --ekbe-surface: var(--ekbe-dark-surface);
  --ekbe-raised: var(--ekbe-dark-raised);
  --ekbe-soft: var(--ekbe-dark-soft);
  --ekbe-border: var(--ekbe-dark-border);
  --ekbe-text: var(--ekbe-dark-text);
  --ekbe-text-secondary: var(--ekbe-dark-text-secondary);
  --ekbe-muted: var(--ekbe-dark-muted);
  --ekbe-disabled: var(--ekbe-dark-disabled);
  --ekbe-inverse-bg: var(--ekbe-light-background);
  --ekbe-inverse-surface: var(--ekbe-light-surface);
  --ekbe-inverse-text: var(--ekbe-light-text);
  --ekbe-inverse-muted: var(--ekbe-light-muted);
  --ekbe-inverse-border: var(--ekbe-light-border);
  --ekbe-shadow-raised: 0 1rem 2.5rem rgb(0 0 0 / 24%);
  --ekbe-shadow-overlay: 0 1.5rem 4rem rgb(0 0 0 / 44%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ekbe-bg: var(--ekbe-dark-background);
    --ekbe-surface: var(--ekbe-dark-surface);
    --ekbe-raised: var(--ekbe-dark-raised);
    --ekbe-soft: var(--ekbe-dark-soft);
    --ekbe-border: var(--ekbe-dark-border);
    --ekbe-text: var(--ekbe-dark-text);
    --ekbe-text-secondary: var(--ekbe-dark-text-secondary);
    --ekbe-muted: var(--ekbe-dark-muted);
    --ekbe-disabled: var(--ekbe-dark-disabled);
    --ekbe-inverse-bg: var(--ekbe-light-background);
    --ekbe-inverse-surface: var(--ekbe-light-surface);
    --ekbe-inverse-text: var(--ekbe-light-text);
    --ekbe-inverse-muted: var(--ekbe-light-muted);
    --ekbe-inverse-border: var(--ekbe-light-border);
    --ekbe-shadow-raised: 0 1rem 2.5rem rgb(0 0 0 / 24%);
    --ekbe-shadow-overlay: 0 1.5rem 4rem rgb(0 0 0 / 44%);
  }
}