/*
 * Vanilla tokens — KIT framework-free dialect.
 * Generated from https://kit.scottelling.com/r/vanilla-kit/tokens.json; do not hand-edit and do not rename variables.
 * Token names and values are the shared language: identical to what the shadcn
 * dialect installs. Fonts referenced here are loaded by the consuming project.
 * Dark mode: add class "dark" or [data-kit-appearance="dark"] to a root element.
 */

:root {
  --font-sans: var(--font-vanilla-ui);
  --font-heading: var(--font-vanilla-ui);
  --font-mono: var(--font-vanilla-mono);
  --font-vanilla-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --font-vanilla-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --kit-control-height: 44px;
  --kit-compact-size: 12px;
  --kit-body-size: 15px;
  --kit-heading-size: 38px;
  --kit-reading-measure: 68ch;
  --kit-leading: 1.5;
  --kit-space-base: 12px;
  --kit-space-section: 32px;
  --kit-fast: 120ms;
  --kit-standard: 180ms;
  --kit-ease: cubic-bezier(0.2, 0, 0, 1);
  --color-positive: var(--positive);
  --color-positive-foreground: var(--positive-foreground);
  --background: oklch(0.985 0.002 255);
  --foreground: oklch(0.205 0.008 255);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.205 0.008 255);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.205 0.008 255);
  --primary: oklch(0.235 0.01 255);
  --primary-foreground: oklch(0.985 0.002 255);
  --secondary: oklch(0.955 0.004 255);
  --secondary-foreground: oklch(0.285 0.009 255);
  --muted: oklch(0.945 0.004 255);
  --muted-foreground: oklch(0.47 0.01 255);
  --accent: oklch(0.925 0.012 255);
  --accent-foreground: oklch(0.235 0.01 255);
  --destructive: oklch(0.56 0.19 26);
  --destructive-foreground: oklch(0.985 0.002 255);
  --positive: oklch(0.53 0.13 151);
  --positive-foreground: oklch(0.985 0.002 255);
  --border: oklch(0.84 0.008 255);
  --input: oklch(0.91 0.006 255);
  --ring: oklch(0.54 0.18 255);
  --overlay: oklch(0.18 0.01 255 / 0.72);
  --plane-1: oklch(0.985 0.002 255);
  --plane-2: oklch(0.955 0.004 255);
  --plane-3: oklch(0.925 0.006 255);
  --plane-pressed: oklch(0.895 0.008 255);
  --ink-faint: oklch(0.61 0.01 255);
  --chart-1: oklch(0.54 0.18 255);
  --chart-2: oklch(0.53 0.13 151);
  --chart-3: oklch(0.68 0.14 85);
  --chart-4: oklch(0.56 0.19 26);
  --chart-5: oklch(0.55 0.13 310);
  --sidebar: oklch(0.955 0.004 255);
  --sidebar-foreground: oklch(0.205 0.008 255);
  --sidebar-primary: oklch(0.235 0.01 255);
  --sidebar-primary-foreground: oklch(0.985 0.002 255);
  --sidebar-accent: oklch(0.925 0.012 255);
  --sidebar-accent-foreground: oklch(0.235 0.01 255);
  --sidebar-border: oklch(0.84 0.008 255);
  --sidebar-ring: oklch(0.54 0.18 255);
  --radius: 0.75rem;
  --radius-control: 0.5rem;
  --radius-card: 0.75rem;
  --radius-sheet: 1rem;
  --dur-micro: 120ms;
  --dur-short: 180ms;
  --dur-long: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --shadow-control: 0 1px 2px oklch(0.205 0.008 255 / 0.10);
  --shadow-panel: 0 12px 32px oklch(0.205 0.008 255 / 0.12), 0 2px 6px oklch(0.205 0.008 255 / 0.08);
  --shadow-inset: inset 0 1px 2px oklch(0.205 0.008 255 / 0.12);
}

.dark,
[data-kit-appearance="dark"] {
  --background: oklch(0.145 0.006 255);
  --foreground: oklch(0.94 0.004 255);
  --card: oklch(0.19 0.008 255);
  --card-foreground: oklch(0.94 0.004 255);
  --popover: oklch(0.22 0.009 255);
  --popover-foreground: oklch(0.94 0.004 255);
  --primary: oklch(0.94 0.004 255);
  --primary-foreground: oklch(0.145 0.006 255);
  --secondary: oklch(0.235 0.009 255);
  --secondary-foreground: oklch(0.88 0.005 255);
  --muted: oklch(0.205 0.008 255);
  --muted-foreground: oklch(0.69 0.008 255);
  --accent: oklch(0.275 0.012 255);
  --accent-foreground: oklch(0.94 0.004 255);
  --destructive: oklch(0.68 0.18 26);
  --destructive-foreground: oklch(0.16 0.015 26);
  --positive: oklch(0.7 0.14 151);
  --positive-foreground: oklch(0.145 0.02 151);
  --border: oklch(0.34 0.01 255);
  --input: oklch(0.19 0.008 255);
  --ring: oklch(0.7 0.15 255);
  --overlay: oklch(0.08 0.004 255 / 0.78);
  --plane-1: oklch(0.17 0.007 255);
  --plane-2: oklch(0.205 0.008 255);
  --plane-3: oklch(0.245 0.01 255);
  --plane-pressed: oklch(0.285 0.012 255);
  --ink-faint: oklch(0.55 0.009 255);
  --chart-1: oklch(0.7 0.15 255);
  --chart-2: oklch(0.7 0.14 151);
  --chart-3: oklch(0.78 0.14 85);
  --chart-4: oklch(0.68 0.18 26);
  --chart-5: oklch(0.72 0.13 310);
  --sidebar: oklch(0.17 0.007 255);
  --sidebar-foreground: oklch(0.94 0.004 255);
  --sidebar-primary: oklch(0.94 0.004 255);
  --sidebar-primary-foreground: oklch(0.145 0.006 255);
  --sidebar-accent: oklch(0.275 0.012 255);
  --sidebar-accent-foreground: oklch(0.94 0.004 255);
  --sidebar-border: oklch(0.34 0.01 255);
  --sidebar-ring: oklch(0.7 0.15 255);
  --radius: 0.75rem;
  --radius-control: 0.5rem;
  --radius-card: 0.75rem;
  --radius-sheet: 1rem;
  --dur-micro: 120ms;
  --dur-short: 180ms;
  --dur-long: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --shadow-control: 0 1px 2px oklch(0.06 0.004 255 / 0.38);
  --shadow-panel: 0 14px 38px oklch(0.06 0.004 255 / 0.52), 0 2px 8px oklch(0.06 0.004 255 / 0.34);
  --shadow-inset: inset 0 1px 2px oklch(0.06 0.004 255 / 0.46);
}