:root {
  --sk-color-bg-base: oklch(97.5% 0.006 255);
  --sk-color-bg-surface: oklch(100% 0 0);
  --sk-color-ink-primary: oklch(23% 0.018 255);
  --sk-color-ink-muted: oklch(47% 0.025 255);
  --sk-color-border-control: oklch(64% 0.018 255);
  --sk-color-brand-primary: oklch(35% 0.055 250);
  --sk-color-accent: oklch(58% 0.085 83);
  --sk-color-success: oklch(45% 0.075 148);
  --sk-color-warning: oklch(61% 0.115 70);
  --sk-color-danger: oklch(48% 0.12 32);
  --sk-color-info: oklch(48% 0.06 240);

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

  --sk-radius-control: 0.5rem;
  --sk-radius-card: 0.625rem;
  --sk-font-size-sm: 0.875rem;
  --sk-font-size-md: 0.9375rem;
  --sk-font-size-lg: 1rem;
  --sk-font-weight-semibold: 650;
  --sk-font-weight-bold: 700;
  --sk-line-height-tight: 1.15;
  --sk-line-height-control: 1.2;
  --sk-line-height-label: 1.3;
  --sk-line-height-body: 1.5;
  --sk-size-control-sm: 2rem;
  --sk-size-control-md: 2.5rem;
  --sk-size-control-lg: 2.875rem;
  --sk-size-badge-min: 1.5rem;
  --sk-elevation-card: 0 1px 2px color-mix(in oklch, var(--sk-color-ink-muted) 14%, transparent);
  --sk-focus-outline-width: 2px;
  --sk-focus-outline-offset: 2px;
  --sk-motion-duration-standard: 180ms;
  --sk-motion-duration-loading: 720ms;
  --sk-motion-easing-standard: ease-out;
  --sk-motion-easing-linear: linear;
}