:root {
  --kyvanon-color-graphite: #0D1421;
  --kyvanon-color-signal-blue: #4E7DFF;
  --kyvanon-color-kinetic-mint: #37E0B1;
  --kyvanon-color-cloud-white: #F5F8FF;
  --kyvanon-color-accessible-blue: #2F5BD7;
  --kyvanon-color-night-surface: #111C2D;
  --kyvanon-color-slate-surface: #19263A;
  --kyvanon-color-steel: #6F7F96;
  --kyvanon-color-mist: #DCE4F0;
  --kyvanon-color-white: #FFFFFF;
  --kyvanon-color-warning: #F4B740;
  --kyvanon-color-danger: #F05B67;
  --kyvanon-color-emergency: #D92D3A;
  --kyvanon-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --kyvanon-font-body: "Inter", "Noto Sans SC", system-ui, sans-serif;
  --kyvanon-font-code: "JetBrains Mono", ui-monospace, monospace;
  --kyvanon-space-1: 8px;
  --kyvanon-space-2: 16px;
  --kyvanon-space-3: 24px;
  --kyvanon-space-4: 32px;
  --kyvanon-space-6: 48px;
  --kyvanon-space-8: 64px;
  --kyvanon-radius-card-min: 12px;
  --kyvanon-radius-card-max: 16px;
  --kyvanon-motion-brand-min: 400ms;
  --kyvanon-motion-brand-max: 700ms;
  --kyvanon-surface-page: var(--kyvanon-color-cloud-white);
  --kyvanon-surface-raised: var(--kyvanon-color-white);
  --kyvanon-surface-dark: var(--kyvanon-color-graphite);
  --kyvanon-surface-dark-raised: var(--kyvanon-color-night-surface);
  --kyvanon-text-primary: var(--kyvanon-color-graphite);
  --kyvanon-text-secondary: var(--kyvanon-color-steel);
  --kyvanon-text-inverse: var(--kyvanon-color-cloud-white);
  --kyvanon-text-link: var(--kyvanon-color-accessible-blue);
  --kyvanon-action-primary: var(--kyvanon-color-accessible-blue);
  --kyvanon-action-on-dark: var(--kyvanon-color-signal-blue);
  --kyvanon-action-verified: var(--kyvanon-color-kinetic-mint);
  --kyvanon-status-success: var(--kyvanon-color-kinetic-mint);
  --kyvanon-status-info: var(--kyvanon-color-signal-blue);
  --kyvanon-status-warning: var(--kyvanon-color-warning);
  --kyvanon-status-danger: var(--kyvanon-color-danger);
  --kyvanon-status-emergency: var(--kyvanon-color-emergency);
  --kyvanon-border-default: var(--kyvanon-color-mist);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --kyvanon-motion-brand-min: 0ms;
    --kyvanon-motion-brand-max: 0ms;
  }
}