@layer tokens {
  :root {
    --color-white: oklch(100.00% 0.0000 89.88);
    --color-surface-muted: oklch(98.42% 0.0034 247.86);
    --color-surface-alt: oklch(96.83% 0.0069 247.90);
    --color-border: oklch(92.88% 0.0126 255.51);
    --color-border-strong: oklch(86.90% 0.0198 252.89);
    --color-neutral-400: oklch(71.07% 0.0351 256.79);
    --color-neutral-500: oklch(55.44% 0.0407 257.42);
    --color-neutral-600: oklch(44.55% 0.0374 257.28);
    --color-neutral-700: oklch(37.17% 0.0392 257.29);
    --color-neutral-800: oklch(27.95% 0.0368 260.03);
    --color-neutral-900: oklch(20.77% 0.0398 265.75);
    --color-primary: oklch(58.54% 0.2041 277.12);
    --color-primary-hover: oklch(51.06% 0.2301 276.97);
    --color-primary-strong: oklch(45.68% 0.2146 277.02);
    --color-primary-soft: color-mix(in oklab, var(--color-primary) 10%, transparent);
    --color-success: oklch(62.71% 0.1699 149.21);
    --color-success-strong: oklch(52.73% 0.1371 150.07);
    --color-success-soft: color-mix(in oklab, var(--color-success) 12%, transparent);
    --color-info: oklch(54.61% 0.2152 262.88);
    --color-info-strong: oklch(42.44% 0.1809 265.64);
    --color-info-soft: color-mix(in oklab, var(--color-info) 12%, transparent);
    --color-warning: oklch(66.58% 0.1574 58.32);
    --color-warning-strong: oklch(55.53% 0.1455 49.00);
    --color-warning-soft: color-mix(in oklab, var(--color-warning) 16%, transparent);
    --color-error: oklch(63.68% 0.2078 25.33);
    --color-error-strong: oklch(44.37% 0.1613 26.90);
    --color-error-soft: color-mix(in oklab, var(--color-error) 14%, transparent);
    --color-text: var(--color-neutral-900);
    --color-text-muted: var(--color-neutral-600);
    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-hover);
    --color-light-green: oklch(.9 .209 151.711);
    --color-light-green-hover: oklch(.85 .209 151.711);
    --color-light-green-soft: color-mix(in oklab, var(--color-light-green) 30%, transparent);
    --color-light-red: oklch(.808 .114 19.571);
    --color-light-red-hover: oklch(.8 .114 19.571);
    --color-light-red-soft: color-mix(in oklab, var(--color-light-red) 30%, transparent);
    --color-light-purple: oklch(.82 .119 306.383);
    --color-light-purple-hover: oklch(.8 .119 306.383);
    --color-light-purple-soft: color-mix(in oklab, var(--color-light-purple) 30%, transparent);
    --color-light-orange: oklch(.83 .128 66.29);
    --color-light-orange-hover: oklch(.8 .128 66.29);
    --color-light-orange-soft: color-mix(in oklab, var(--color-light-orange) 30%, transparent);
    --primary: var(--color-primary);
    --primary-hover: var(--color-primary-hover);
    --primary-light: var(--color-primary-soft);
    --error: var(--color-error);
    --error-hover: var(--color-error-strong);
    --error-light: var(--color-error-soft);
    --success: var(--color-success);
    --success-hover: var(--color-success-strong);
    --success-light: var(--color-success-soft);
    --bg-light: var(--color-white);
    --bg-card-light: var(--color-white);
    --text-light: var(--color-text);
    --text-secondary-light: var(--color-text-muted);
    --border-light: var(--color-border);
    --bg-error: var(--color-error-soft);
    --fg-error: var(--color-error-strong);
    --bg-dark: var(--color-neutral-900);
    --bg-card-dark: var(--color-neutral-800);
    --text-dark: var(--color-surface-muted);
    --text-secondary-dark: var(--color-neutral-400);
    --border-dark: var(--color-neutral-700);
  }
}