:root {
  color-scheme: light;
  --background: oklch(98.46% 0.002 247.84);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.5465 0.246 262.87);
  --secondary-hover: oklch(0.49 0.22 262.87);
  --secondary-foreground: oklch(0.985 0 0);
  --secondary-soft: color-mix(in oklch, var(--secondary) 16%, white);
  --muted-surface: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent-fill: oklch(1 0 0);
  --accent-fill-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.42 0.18 27);
  --destructive-soft: oklch(0.96 0.02 27);
  --success: oklch(0.45 0.12 155);
  --success-foreground: oklch(0.32 0.1 155);
  --success-soft: oklch(0.95 0.03 155);
  --warning: oklch(0.75 0.14 85);
  --warning-foreground: oklch(0.42 0.1 75);
  --warning-soft: oklch(0.96 0.05 95);
  --border: oklch(0.922 0 0);
  --line-strong: oklch(0.84 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --radius: 0.625rem;
  --radius-sm: 0.625rem;
  --radius-lg: 1rem;
  --radius-sheet: 0.75rem;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 3px 3px -1.5px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 18px 40px -18px rgba(16, 24, 40, 0.28);
  --button-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25), 0 3px 3px -1.5px rgba(16, 24, 40, 0.06), 0 1px 1px rgba(16, 24, 40, 0.08);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-display: clamp(2.25rem, 4.6vw, 3.75rem);
  --text-page: clamp(1.75rem, 2.2vw, 2rem);
  --text-section: 1.25rem;
  --text-record: 1.125rem;
  --text-body: 1rem;
  --text-meta: 0.875rem;
  --text-label: 0.75rem;
  --text-code: 0.8125rem;
  --weight-regular: 450;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 650;
  --leading-display: 1.05;
  --leading-page: 1.18;
  --leading-section: 1.25;
  --leading-body: 1.55;
  --leading-meta: 1.4;
  --tracking-display: -0.05em;
  --tracking-page: -0.035em;
  --tracking-section: -0.025em;
  --tracking-body: -0.011em;
  --tracking-label: 0.04em;
  --sidebar-width: 16rem;
  --page-bar-height: 3.5rem;
  --header-height: 4.5rem;
  --status-new: #8a5b1f;
  --status-new-soft: #f6ead7;
  --status-wait: #6b5793;
  --status-wait-soft: #eee9f6;
  --ink: var(--foreground);
  --muted: var(--muted-foreground);
  --canvas: var(--background);
  --surface: var(--card);
  --line: var(--border);
  --accent: var(--secondary);
  --accent-hover: var(--secondary-hover);
  --accent-soft: var(--secondary-soft);
  --danger: var(--destructive);
  --danger-soft: var(--destructive-soft);
  --focus: var(--secondary);
  font-family: var(--font-sans);
  font-synthesis: none;
}

html.dark {
  color-scheme: dark;
  --background: oklch(0.2103 0.006 285.89);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0.005 286);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0.005 286);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.5465 0.246 262.87);
  --secondary-hover: oklch(0.6 0.22 262.87);
  --secondary-foreground: oklch(0.985 0 0);
  --secondary-soft: color-mix(in oklch, var(--secondary) 22%, var(--background));
  --muted-surface: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent-fill: oklch(0.2739 0.005 286.03);
  --accent-fill-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.637 0.237 25.331);
  --destructive-foreground: oklch(0.93 0.04 25);
  --destructive-soft: oklch(0.28 0.06 25);
  --success: oklch(0.72 0.14 155);
  --success-foreground: oklch(0.86 0.08 155);
  --success-soft: oklch(0.28 0.05 155);
  --warning: oklch(0.8 0.14 85);
  --warning-foreground: oklch(0.9 0.08 90);
  --warning-soft: oklch(0.3 0.05 85);
  --border: oklch(0.32 0.005 286);
  --line-strong: oklch(0.4 0.005 286);
  --input: oklch(0.32 0.005 286);
  --ring: oklch(0.439 0 0);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px -12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 24px 48px -24px rgba(0, 0, 0, 0.7);
  --button-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.18), 0 3px 3px -1.5px rgba(0, 0, 0, 0.35);
  --status-new: oklch(0.82 0.12 75);
  --status-new-soft: oklch(0.3 0.05 75);
  --status-wait: oklch(0.78 0.08 300);
  --status-wait-soft: oklch(0.3 0.04 300);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}