:root {
  /* Design tokens */
  --border-default: 0.0625rem solid var(--color_scheme-light-color-border);
  --border-focus: 0.125rem solid var(--color_scheme-light-color-accent);
  --border-strong: 0.125rem solid var(--color_scheme-light-color-border-strong);
  --color_scheme-light-color-accent: oklch(55% 0.22 265);
  --color_scheme-light-color-border: oklch(85% 0.01 80);
  --color_scheme-light-color-border-strong: oklch(70% 0.01 80);
  --color_scheme-light-color-caution: oklch(75% 0.15 85);
  --color_scheme-light-color-caution-surface: oklch(95% 0.04 85);
  --color_scheme-light-color-caution-text: oklch(35% 0.08 85);
  --color_scheme-light-color-error: oklch(55% 0.22 25);
  --color_scheme-light-color-go: oklch(48% 0.15 155);
  --color_scheme-light-color-go-surface: oklch(95% 0.04 155);
  --color_scheme-light-color-go-text: oklch(25% 0.08 155);
  --color_scheme-light-color-info: oklch(55% 0.18 260);
  --color_scheme-light-color-info-surface: oklch(95% 0.03 260);
  --color_scheme-light-color-info-text: oklch(30% 0.10 260);
  --color_scheme-light-color-on-accent: oklch(100% 0 0);
  --color_scheme-light-color-on-error: oklch(100% 0 0);
  --color_scheme-light-color-on-primary: oklch(100% 0 0);
  --color_scheme-light-color-on-secondary: oklch(100% 0 0);
  --color_scheme-light-color-on-success: oklch(100% 0 0);
  --color_scheme-light-color-on-surface: oklch(20% 0.01 80);
  --color_scheme-light-color-on-surface-muted: oklch(45% 0.01 80);
  --color_scheme-light-color-on-surface-variant: oklch(40% 0.01 80);
  --color_scheme-light-color-on-warning: oklch(18% 0.01 80);
  --color_scheme-light-color-primary: oklch(55% 0.22 265);
  --color_scheme-light-color-secondary: oklch(42% 0.14 200);
  --color_scheme-light-color-stop: oklch(55% 0.22 25);
  --color_scheme-light-color-stop-surface: oklch(95% 0.04 25);
  --color_scheme-light-color-stop-text: oklch(30% 0.10 25);
  --color_scheme-light-color-success: oklch(62% 0.19 145);
  --color_scheme-light-color-surface: oklch(98% 0.005 80);
  --color_scheme-light-color-surface-elevated: oklch(100% 0 0);
  --color_scheme-light-color-surface-variant: oklch(95% 0.005 80);
  --color_scheme-light-color-warning: oklch(75% 0.15 85);
  --color_scheme-light-shadow-lg: 0 0.5rem 1.5rem oklch(0% 0 0 / 0.12);
  --color_scheme-light-shadow-md: 0 0.25rem 0.5rem oklch(0% 0 0 / 0.08);
  --color_scheme-light-shadow-sm: 0 0.0625rem 0.125rem oklch(0% 0 0 / 0.05);
  --font-family-body: system-ui, -apple-system, sans-serif;
  --font-family-display: system-ui, -apple-system, sans-serif;
  --font-family-mono: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.5rem;
  --font-size-xs: 0.75rem;
  --motion-ease-in-out-200: all 0.2s cubic-bezier(0.65, 0, 0.35, 1);
  --motion-ease-out-150: all 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  --motion-ease-out-300: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  --radius-full: 62.4375rem;
  --radius-lg: 0.75rem;
  --radius-md: 0.5rem;
  --radius-sm: 0.25rem;
  --size-header-height: 3.5rem;
  --size-sidebar-width: 16rem;
  --size-touch-target: 2.75rem;
  --spacing-2xl: 3rem;
  --spacing-2xs: 0.125rem;
  --spacing-3xl: 4rem;
  --spacing-lg: 1.5rem;
  --spacing-md: 1rem;
  --spacing-sm: 0.5rem;
  --spacing-xl: 2rem;
  --spacing-xs: 0.25rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color_scheme-light-color-accent: oklch(70% 0.10 30);
    --color_scheme-light-color-border: oklch(30% 0.01 80);
    --color_scheme-light-color-border-strong: oklch(45% 0.01 80);
    --color_scheme-light-color-caution: oklch(80% 0.15 85);
    --color_scheme-light-color-caution-surface: oklch(25% 0.04 85);
    --color_scheme-light-color-caution-text: oklch(88% 0.08 85);
    --color_scheme-light-color-error: oklch(70% 0.18 25);
    --color_scheme-light-color-go: oklch(72% 0.15 155);
    --color_scheme-light-color-go-surface: oklch(25% 0.04 155);
    --color_scheme-light-color-go-text: oklch(85% 0.08 155);
    --color_scheme-light-color-info: oklch(72% 0.15 260);
    --color_scheme-light-color-info-surface: oklch(25% 0.03 260);
    --color_scheme-light-color-info-text: oklch(88% 0.10 260);
    --color_scheme-light-color-on-accent: oklch(10% 0 0);
    --color_scheme-light-color-on-error: oklch(10% 0 0);
    --color_scheme-light-color-on-primary: oklch(10% 0 0);
    --color_scheme-light-color-on-secondary: oklch(10% 0 0);
    --color_scheme-light-color-on-success: oklch(10% 0 0);
    --color_scheme-light-color-on-surface: oklch(92% 0.005 80);
    --color_scheme-light-color-on-surface-muted: oklch(65% 0.005 80);
    --color_scheme-light-color-on-surface-variant: oklch(70% 0.005 80);
    --color_scheme-light-color-on-warning: oklch(10% 0 0);
    --color_scheme-light-color-primary: oklch(72% 0.18 265);
    --color_scheme-light-color-secondary: oklch(73% 0.11 200);
    --color_scheme-light-color-stop: oklch(70% 0.18 25);
    --color_scheme-light-color-stop-surface: oklch(25% 0.04 25);
    --color_scheme-light-color-stop-text: oklch(88% 0.10 25);
    --color_scheme-light-color-success: oklch(72% 0.15 145);
    --color_scheme-light-color-surface: oklch(18% 0.008 80);
    --color_scheme-light-color-surface-elevated: oklch(22% 0.008 80);
    --color_scheme-light-color-surface-variant: oklch(15% 0.005 80);
    --color_scheme-light-color-warning: oklch(80% 0.12 85);
    --color_scheme-light-shadow-lg: 0 0.5rem 1.5rem oklch(0% 0 0 / 0.5);
    --color_scheme-light-shadow-md: 0 0.25rem 0.5rem oklch(0% 0 0 / 0.4);
    --color_scheme-light-shadow-sm: 0 0.0625rem 0.125rem oklch(0% 0 0 / 0.3);
  }
}

[data-scheme="dark"] {
  --color_scheme-light-color-accent: oklch(70% 0.10 30);
  --color_scheme-light-color-border: oklch(30% 0.01 80);
  --color_scheme-light-color-border-strong: oklch(45% 0.01 80);
  --color_scheme-light-color-caution: oklch(80% 0.15 85);
  --color_scheme-light-color-caution-surface: oklch(25% 0.04 85);
  --color_scheme-light-color-caution-text: oklch(88% 0.08 85);
  --color_scheme-light-color-error: oklch(70% 0.18 25);
  --color_scheme-light-color-go: oklch(72% 0.15 155);
  --color_scheme-light-color-go-surface: oklch(25% 0.04 155);
  --color_scheme-light-color-go-text: oklch(85% 0.08 155);
  --color_scheme-light-color-info: oklch(72% 0.15 260);
  --color_scheme-light-color-info-surface: oklch(25% 0.03 260);
  --color_scheme-light-color-info-text: oklch(88% 0.10 260);
  --color_scheme-light-color-on-accent: oklch(10% 0 0);
  --color_scheme-light-color-on-error: oklch(10% 0 0);
  --color_scheme-light-color-on-primary: oklch(10% 0 0);
  --color_scheme-light-color-on-secondary: oklch(10% 0 0);
  --color_scheme-light-color-on-success: oklch(10% 0 0);
  --color_scheme-light-color-on-surface: oklch(92% 0.005 80);
  --color_scheme-light-color-on-surface-muted: oklch(65% 0.005 80);
  --color_scheme-light-color-on-surface-variant: oklch(70% 0.005 80);
  --color_scheme-light-color-on-warning: oklch(10% 0 0);
  --color_scheme-light-color-primary: oklch(72% 0.18 265);
  --color_scheme-light-color-secondary: oklch(73% 0.11 200);
  --color_scheme-light-color-stop: oklch(70% 0.18 25);
  --color_scheme-light-color-stop-surface: oklch(25% 0.04 25);
  --color_scheme-light-color-stop-text: oklch(88% 0.10 25);
  --color_scheme-light-color-success: oklch(72% 0.15 145);
  --color_scheme-light-color-surface: oklch(18% 0.008 80);
  --color_scheme-light-color-surface-elevated: oklch(22% 0.008 80);
  --color_scheme-light-color-surface-variant: oklch(15% 0.005 80);
  --color_scheme-light-color-warning: oklch(80% 0.12 85);
  --color_scheme-light-shadow-lg: 0 0.5rem 1.5rem oklch(0% 0 0 / 0.5);
  --color_scheme-light-shadow-md: 0 0.25rem 0.5rem oklch(0% 0 0 / 0.4);
  --color_scheme-light-shadow-sm: 0 0.0625rem 0.125rem oklch(0% 0 0 / 0.3);
}