@theme static {
  --lotus-color-slate-50: var(--color-slate-50);
  --lotus-color-slate-100: var(--color-slate-100);
  --lotus-color-slate-200: var(--color-slate-200);
  --lotus-color-slate-300: var(--color-slate-300);
  --lotus-color-slate-400: var(--color-slate-400);
  --lotus-color-slate-500: var(--color-slate-500);
  --lotus-color-slate-600: var(--color-slate-600);
  --lotus-color-slate-700: var(--color-slate-700);
  --lotus-color-slate-800: var(--color-slate-800);
  --lotus-color-slate-900: var(--color-slate-900);
  --lotus-color-slate-950: var(--color-slate-950);
  --lotus-color-zinc-50: var(--color-zinc-50);
  --lotus-color-zinc-100: var(--color-zinc-100);
  --lotus-color-zinc-200: var(--color-zinc-200);
  --lotus-color-zinc-300: var(--color-zinc-300);
  --lotus-color-zinc-400: var(--color-zinc-400);
  --lotus-color-zinc-500: var(--color-zinc-500);
  --lotus-color-zinc-600: var(--color-zinc-600);
  --lotus-color-zinc-700: var(--color-zinc-700);
  --lotus-color-zinc-800: var(--color-zinc-800);
  --lotus-color-zinc-900: var(--color-zinc-900);
  --lotus-color-zinc-950: var(--color-zinc-950);
  --lotus-color-neutral-50: var(--color-neutral-50);
  --lotus-color-neutral-100: var(--color-neutral-100);
  --lotus-color-neutral-200: var(--color-neutral-200);
  --lotus-color-neutral-300: var(--color-neutral-300);
  --lotus-color-neutral-400: var(--color-neutral-400);
  --lotus-color-neutral-500: var(--color-neutral-500);
  --lotus-color-neutral-600: var(--color-neutral-600);
  --lotus-color-neutral-700: var(--color-neutral-700);
  --lotus-color-neutral-800: var(--color-neutral-800);
  --lotus-color-neutral-900: var(--color-neutral-900);
  --lotus-color-neutral-950: var(--color-neutral-950);
  --lotus-color-stone-50: var(--color-stone-50);
  --lotus-color-stone-100: var(--color-stone-100);
  --lotus-color-stone-200: var(--color-stone-200);
  --lotus-color-stone-300: var(--color-stone-300);
  --lotus-color-stone-400: var(--color-stone-400);
  --lotus-color-stone-500: var(--color-stone-500);
  --lotus-color-stone-600: var(--color-stone-600);
  --lotus-color-stone-700: var(--color-stone-700);
  --lotus-color-stone-800: var(--color-stone-800);
  --lotus-color-stone-900: var(--color-stone-900);
  --lotus-color-stone-950: var(--color-stone-950);
  --lotus-color-red-400: var(--color-red-400);
  --lotus-color-red-600: var(--color-red-600);
  --lotus-color-orange-400: var(--color-orange-400);
  --lotus-color-orange-600: var(--color-orange-600);
  --lotus-color-amber-400: var(--color-amber-400);
  --lotus-color-amber-600: var(--color-amber-600);
  --lotus-color-yellow-400: var(--color-yellow-400);
  --lotus-color-yellow-600: var(--color-yellow-600);
  --lotus-color-lime-400: var(--color-lime-400);
  --lotus-color-lime-600: var(--color-lime-600);
  --lotus-color-green-400: var(--color-green-400);
  --lotus-color-green-600: var(--color-green-600);
  --lotus-color-emerald-400: var(--color-emerald-400);
  --lotus-color-emerald-600: var(--color-emerald-600);
  --lotus-color-teal-400: var(--color-teal-400);
  --lotus-color-teal-600: var(--color-teal-600);
  --lotus-color-cyan-400: var(--color-cyan-400);
  --lotus-color-cyan-600: var(--color-cyan-600);
  --lotus-color-sky-400: var(--color-sky-400);
  --lotus-color-sky-600: var(--color-sky-600);
  --lotus-color-blue-400: var(--color-blue-400);
  --lotus-color-blue-600: var(--color-blue-600);
  --lotus-color-indigo-400: var(--color-indigo-400);
  --lotus-color-indigo-600: var(--color-indigo-600);
  --lotus-color-violet-400: var(--color-violet-400);
  --lotus-color-violet-600: var(--color-violet-600);
  --lotus-color-purple-400: var(--color-purple-400);
  --lotus-color-purple-600: var(--color-purple-600);
  --lotus-color-fuchsia-400: var(--color-fuchsia-400);
  --lotus-color-fuchsia-600: var(--color-fuchsia-600);
  --lotus-color-pink-400: var(--color-pink-400);
  --lotus-color-pink-600: var(--color-pink-600);
  --lotus-color-rose-400: var(--color-rose-400);
  --lotus-color-rose-600: var(--color-rose-600);
}

:root {
  color-scheme: light;

  --lotus-gray-50: oklch(0.985 0 0);
  --lotus-gray-100: oklch(0.967 0.001 286.375);
  --lotus-gray-200: oklch(0.92 0.004 286.32);
  --lotus-gray-300: oklch(0.871 0.006 286.286);
  --lotus-gray-400: oklch(0.705 0.015 286.067);
  --lotus-gray-500: oklch(0.552 0.016 285.938);
  --lotus-gray-600: oklch(0.442 0.017 285.786);
  --lotus-gray-700: oklch(0.37 0.013 285.805);
  --lotus-gray-800: oklch(0.274 0.006 286.033);
  --lotus-gray-900: oklch(0.21 0.006 285.885);
  --lotus-gray-950: oklch(0.141 0.005 285.823);
  --lotus-accent-light: oklch(0.55 0.22 264);
  --lotus-accent-dark: oklch(0.68 0.18 264);

  --lotus-background: oklch(1 0 0);
  --lotus-header-background: var(--lotus-background);
  --lotus-footer-background: var(--lotus-background);
  --lotus-text-strong: var(--lotus-gray-900);
  --lotus-text: var(--lotus-gray-700);
  --lotus-text-muted: var(--lotus-gray-600);
  --lotus-text-subtle: var(--lotus-gray-500);
  --lotus-border-muted: color-mix(in oklab, var(--lotus-gray-400) 32%, transparent);
  --lotus-border-subtle: color-mix(in oklab, var(--lotus-gray-400) 20%, transparent);
  --lotus-border-hover: color-mix(in oklab, var(--lotus-gray-400) 54%, transparent);
  --lotus-surface: var(--lotus-gray-50);
  --lotus-code-background: var(--lotus-background);
  --lotus-code-surface: var(--lotus-gray-50);
  --lotus-code-border: color-mix(in oklab, var(--lotus-gray-400) 24%, transparent);
  --lotus-accent: var(--lotus-accent-light);
  --lotus-accent-soft: color-mix(in oklab, var(--lotus-accent) 12%, var(--lotus-background));
  --lotus-accent-contrast: oklch(1 0 0);
  --lotus-info: var(--lotus-color-blue-600, oklch(0.546 0.245 262.881));
  --lotus-info-ink: color-mix(in oklab, var(--lotus-info) 82%, var(--lotus-text-strong));
  --lotus-info-soft: color-mix(in oklab, var(--lotus-info) 10%, var(--lotus-background));
  --lotus-info-contrast: oklch(1 0 0);
  --lotus-success: var(--lotus-color-emerald-600, oklch(0.596 0.145 163.225));
  --lotus-success-ink: color-mix(in oklab, var(--lotus-success) 82%, var(--lotus-text-strong));
  --lotus-success-soft: color-mix(in oklab, var(--lotus-success) 10%, var(--lotus-background));
  --lotus-success-contrast: oklch(1 0 0);
  --lotus-warning: var(--lotus-color-amber-600, oklch(0.666 0.179 58.318));
  --lotus-warning-ink: color-mix(in oklab, var(--lotus-warning) 78%, var(--lotus-text-strong));
  --lotus-warning-soft: color-mix(in oklab, var(--lotus-warning) 12%, var(--lotus-background));
  --lotus-warning-contrast: oklch(0.18 0.04 80);
  --lotus-danger: var(--lotus-color-red-600, oklch(0.577 0.245 27.325));
  --lotus-danger-ink: color-mix(in oklab, var(--lotus-danger) 82%, var(--lotus-text-strong));
  --lotus-danger-soft: color-mix(in oklab, var(--lotus-danger) 10%, var(--lotus-background));
  --lotus-danger-contrast: oklch(1 0 0);

  --pf-text-strong: var(--lotus-text-strong);
  --pf-text: var(--lotus-text);
  --pf-text-muted: var(--lotus-text-muted);
  --pf-background: var(--lotus-background);
  --pf-surface: var(--lotus-surface);
  --pf-border-muted: var(--lotus-border-muted);
  --pf-border-subtle: var(--lotus-border-subtle);
  --pf-border-hover: var(--lotus-border-hover);
  --pf-accent: var(--lotus-accent);
  --pf-accent-soft: var(--lotus-accent-soft);
  --pf-accent-contrast: var(--lotus-accent-contrast);
  --pf-info: var(--lotus-info);
  --pf-info-ink: var(--lotus-info-ink);
  --pf-info-soft: var(--lotus-info-soft);
  --pf-info-contrast: var(--lotus-info-contrast);
  --pf-success: var(--lotus-success);
  --pf-success-ink: var(--lotus-success-ink);
  --pf-success-soft: var(--lotus-success-soft);
  --pf-success-contrast: var(--lotus-success-contrast);
  --pf-warning: var(--lotus-warning);
  --pf-warning-ink: var(--lotus-warning-ink);
  --pf-warning-soft: var(--lotus-warning-soft);
  --pf-warning-contrast: var(--lotus-warning-contrast);
  --pf-danger: var(--lotus-danger);
  --pf-danger-ink: var(--lotus-danger-ink);
  --pf-danger-soft: var(--lotus-danger-soft);
  --pf-danger-contrast: var(--lotus-danger-contrast);
}

[data-gray="slate"] {
  --lotus-gray-50: var(--color-slate-50, oklch(0.984 0.003 247.858));
  --lotus-gray-100: var(--color-slate-100, oklch(0.968 0.007 247.896));
  --lotus-gray-200: var(--color-slate-200, oklch(0.929 0.013 255.508));
  --lotus-gray-300: var(--color-slate-300, oklch(0.869 0.022 252.894));
  --lotus-gray-400: var(--color-slate-400, oklch(0.704 0.04 256.788));
  --lotus-gray-500: var(--color-slate-500, oklch(0.554 0.046 257.417));
  --lotus-gray-600: var(--color-slate-600, oklch(0.446 0.043 257.281));
  --lotus-gray-700: var(--color-slate-700, oklch(0.372 0.044 257.287));
  --lotus-gray-800: var(--color-slate-800, oklch(0.279 0.041 260.031));
  --lotus-gray-900: var(--color-slate-900, oklch(0.208 0.042 265.755));
  --lotus-gray-950: var(--color-slate-950, oklch(0.129 0.042 264.695));
}

[data-gray="zinc"] {
  --lotus-gray-50: var(--color-zinc-50, oklch(0.985 0 0));
  --lotus-gray-100: var(--color-zinc-100, oklch(0.967 0.001 286.375));
  --lotus-gray-200: var(--color-zinc-200, oklch(0.92 0.004 286.32));
  --lotus-gray-300: var(--color-zinc-300, oklch(0.871 0.006 286.286));
  --lotus-gray-400: var(--color-zinc-400, oklch(0.705 0.015 286.067));
  --lotus-gray-500: var(--color-zinc-500, oklch(0.552 0.016 285.938));
  --lotus-gray-600: var(--color-zinc-600, oklch(0.442 0.017 285.786));
  --lotus-gray-700: var(--color-zinc-700, oklch(0.37 0.013 285.805));
  --lotus-gray-800: var(--color-zinc-800, oklch(0.274 0.006 286.033));
  --lotus-gray-900: var(--color-zinc-900, oklch(0.21 0.006 285.885));
  --lotus-gray-950: var(--color-zinc-950, oklch(0.141 0.005 285.823));
}

[data-gray="neutral"] {
  --lotus-gray-50: var(--color-neutral-50, oklch(0.985 0 0));
  --lotus-gray-100: var(--color-neutral-100, oklch(0.97 0 0));
  --lotus-gray-200: var(--color-neutral-200, oklch(0.922 0 0));
  --lotus-gray-300: var(--color-neutral-300, oklch(0.87 0 0));
  --lotus-gray-400: var(--color-neutral-400, oklch(0.708 0 0));
  --lotus-gray-500: var(--color-neutral-500, oklch(0.556 0 0));
  --lotus-gray-600: var(--color-neutral-600, oklch(0.439 0 0));
  --lotus-gray-700: var(--color-neutral-700, oklch(0.371 0 0));
  --lotus-gray-800: var(--color-neutral-800, oklch(0.269 0 0));
  --lotus-gray-900: var(--color-neutral-900, oklch(0.205 0 0));
  --lotus-gray-950: var(--color-neutral-950, oklch(0.145 0 0));
}

[data-gray="stone"] {
  --lotus-gray-50: var(--color-stone-50, oklch(0.985 0.001 106.423));
  --lotus-gray-100: var(--color-stone-100, oklch(0.97 0.001 106.424));
  --lotus-gray-200: var(--color-stone-200, oklch(0.923 0.003 48.717));
  --lotus-gray-300: var(--color-stone-300, oklch(0.869 0.005 56.366));
  --lotus-gray-400: var(--color-stone-400, oklch(0.709 0.01 56.259));
  --lotus-gray-500: var(--color-stone-500, oklch(0.553 0.013 58.071));
  --lotus-gray-600: var(--color-stone-600, oklch(0.444 0.011 73.639));
  --lotus-gray-700: var(--color-stone-700, oklch(0.374 0.01 67.558));
  --lotus-gray-800: var(--color-stone-800, oklch(0.268 0.007 34.298));
  --lotus-gray-900: var(--color-stone-900, oklch(0.216 0.006 56.043));
  --lotus-gray-950: var(--color-stone-950, oklch(0.147 0.004 49.25));
}

[data-accent="red"] {
  --lotus-accent-light: var(--lotus-color-red-600, oklch(57.7% 0.245 27.325));
  --lotus-accent-dark: var(--lotus-color-red-400, oklch(70.4% 0.191 22.216));
}

[data-accent="orange"] {
  --lotus-accent-light: var(--lotus-color-orange-600, oklch(64.6% 0.222 41.116));
  --lotus-accent-dark: var(--lotus-color-orange-400, oklch(75% 0.183 55.934));
}

[data-accent="amber"] {
  --lotus-accent-light: var(--lotus-color-amber-600, oklch(66.6% 0.179 58.318));
  --lotus-accent-dark: var(--lotus-color-amber-400, oklch(82.8% 0.189 84.429));
}

[data-accent="yellow"] {
  --lotus-accent-light: var(--lotus-color-yellow-600, oklch(68.1% 0.162 75.834));
  --lotus-accent-dark: var(--lotus-color-yellow-400, oklch(85.2% 0.199 91.936));
}

[data-accent="lime"] {
  --lotus-accent-light: var(--lotus-color-lime-600, oklch(64.8% 0.2 131.684));
  --lotus-accent-dark: var(--lotus-color-lime-400, oklch(84.1% 0.238 128.85));
}

[data-accent="green"] {
  --lotus-accent-light: var(--lotus-color-green-600, oklch(62.7% 0.194 149.214));
  --lotus-accent-dark: var(--lotus-color-green-400, oklch(79.2% 0.209 151.711));
}

[data-accent="emerald"] {
  --lotus-accent-light: var(--lotus-color-emerald-600, oklch(59.6% 0.145 163.225));
  --lotus-accent-dark: var(--lotus-color-emerald-400, oklch(76.5% 0.177 163.223));
}

[data-accent="teal"] {
  --lotus-accent-light: var(--lotus-color-teal-600, oklch(60% 0.118 184.704));
  --lotus-accent-dark: var(--lotus-color-teal-400, oklch(77.7% 0.152 181.912));
}

[data-accent="cyan"] {
  --lotus-accent-light: var(--lotus-color-cyan-600, oklch(60.9% 0.126 221.723));
  --lotus-accent-dark: var(--lotus-color-cyan-400, oklch(78.9% 0.154 211.53));
}

[data-accent="sky"] {
  --lotus-accent-light: var(--lotus-color-sky-600, oklch(58.8% 0.158 241.966));
  --lotus-accent-dark: var(--lotus-color-sky-400, oklch(74.6% 0.16 232.661));
}

[data-accent="blue"] {
  --lotus-accent-light: var(--lotus-color-blue-600, oklch(54.6% 0.245 262.881));
  --lotus-accent-dark: var(--lotus-color-blue-400, oklch(70.7% 0.165 254.624));
}

[data-accent="indigo"] {
  --lotus-accent-light: var(--lotus-color-indigo-600, oklch(51.1% 0.262 276.966));
  --lotus-accent-dark: var(--lotus-color-indigo-400, oklch(67.3% 0.182 276.935));
}

[data-accent="violet"] {
  --lotus-accent-light: var(--lotus-color-violet-600, oklch(54.1% 0.281 293.009));
  --lotus-accent-dark: var(--lotus-color-violet-400, oklch(70.2% 0.183 293.541));
}

[data-accent="purple"] {
  --lotus-accent-light: var(--lotus-color-purple-600, oklch(55.8% 0.288 302.321));
  --lotus-accent-dark: var(--lotus-color-purple-400, oklch(71.4% 0.203 305.504));
}

[data-accent="fuchsia"] {
  --lotus-accent-light: var(--lotus-color-fuchsia-600, oklch(59.1% 0.293 322.896));
  --lotus-accent-dark: var(--lotus-color-fuchsia-400, oklch(74% 0.238 322.16));
}

[data-accent="pink"] {
  --lotus-accent-light: var(--lotus-color-pink-600, oklch(59.2% 0.249 0.584));
  --lotus-accent-dark: var(--lotus-color-pink-400, oklch(71.8% 0.202 349.761));
}

[data-accent="rose"] {
  --lotus-accent-light: var(--lotus-color-rose-600, oklch(58.6% 0.253 17.585));
  --lotus-accent-dark: var(--lotus-color-rose-400, oklch(71.2% 0.194 13.428));
}

[data-theme="dark"] {
  color-scheme: dark;

  --lotus-background: var(--lotus-gray-950);
  --lotus-text-strong: var(--lotus-gray-50);
  --lotus-text: var(--lotus-gray-200);
  --lotus-text-muted: var(--lotus-gray-400);
  --lotus-border-muted: color-mix(in oklab, var(--lotus-gray-500) 32%, transparent);
  --lotus-border-subtle: color-mix(in oklab, var(--lotus-gray-500) 20%, transparent);
  --lotus-border-hover: color-mix(in oklab, var(--lotus-gray-500) 54%, transparent);
  --lotus-surface: color-mix(in oklab, var(--lotus-gray-900) 65%, var(--lotus-background));
  --lotus-code-background: var(--lotus-background);
  --lotus-code-surface: color-mix(in oklab, var(--lotus-gray-900) 70%, var(--lotus-gray-950));
  --lotus-code-border: color-mix(in oklab, var(--lotus-gray-500) 28%, transparent);
  --lotus-accent: var(--lotus-accent-dark);
  --lotus-accent-soft: color-mix(in oklab, var(--lotus-accent) 16%, var(--lotus-background));
  --lotus-accent-contrast: var(--lotus-gray-950);
  --lotus-info: var(--lotus-color-blue-400, oklch(0.707 0.165 254.624));
  --lotus-info-ink: color-mix(in oklab, var(--lotus-info) 72%, var(--lotus-text-strong));
  --lotus-info-soft: color-mix(in oklab, var(--lotus-info) 16%, var(--lotus-background));
  --lotus-info-contrast: var(--lotus-gray-950);
  --lotus-success: var(--lotus-color-emerald-400, oklch(0.765 0.177 163.223));
  --lotus-success-ink: color-mix(in oklab, var(--lotus-success) 72%, var(--lotus-text-strong));
  --lotus-success-soft: color-mix(in oklab, var(--lotus-success) 16%, var(--lotus-background));
  --lotus-success-contrast: var(--lotus-gray-950);
  --lotus-warning: var(--lotus-color-amber-400, oklch(0.828 0.189 84.429));
  --lotus-warning-ink: color-mix(in oklab, var(--lotus-warning) 74%, var(--lotus-text-strong));
  --lotus-warning-soft: color-mix(in oklab, var(--lotus-warning) 18%, var(--lotus-background));
  --lotus-warning-contrast: var(--lotus-gray-950);
  --lotus-danger: var(--lotus-color-red-400, oklch(0.704 0.191 22.216));
  --lotus-danger-ink: color-mix(in oklab, var(--lotus-danger) 72%, var(--lotus-text-strong));
  --lotus-danger-soft: color-mix(in oklab, var(--lotus-danger) 16%, var(--lotus-background));
  --lotus-danger-contrast: var(--lotus-gray-950);
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;

    --lotus-background: var(--lotus-gray-950);
    --lotus-text-strong: var(--lotus-gray-50);
    --lotus-text: var(--lotus-gray-200);
    --lotus-text-muted: var(--lotus-gray-400);
    --lotus-border-muted: color-mix(in oklab, var(--lotus-gray-500) 32%, transparent);
    --lotus-border-subtle: color-mix(in oklab, var(--lotus-gray-500) 20%, transparent);
    --lotus-border-hover: color-mix(in oklab, var(--lotus-gray-500) 54%, transparent);
    --lotus-surface: color-mix(in oklab, var(--lotus-gray-900) 65%, var(--lotus-background));
    --lotus-code-background: var(--lotus-background);
    --lotus-code-surface: color-mix(in oklab, var(--lotus-gray-900) 70%, var(--lotus-gray-950));
    --lotus-code-border: color-mix(in oklab, var(--lotus-gray-500) 28%, transparent);
    --lotus-accent: var(--lotus-accent-dark);
    --lotus-accent-soft: color-mix(in oklab, var(--lotus-accent) 16%, var(--lotus-background));
    --lotus-accent-contrast: var(--lotus-gray-950);
    --lotus-info: var(--lotus-color-blue-400, oklch(0.707 0.165 254.624));
    --lotus-info-ink: color-mix(in oklab, var(--lotus-info) 72%, var(--lotus-text-strong));
    --lotus-info-soft: color-mix(in oklab, var(--lotus-info) 16%, var(--lotus-background));
    --lotus-info-contrast: var(--lotus-gray-950);
    --lotus-success: var(--lotus-color-emerald-400, oklch(0.765 0.177 163.223));
    --lotus-success-ink: color-mix(in oklab, var(--lotus-success) 72%, var(--lotus-text-strong));
    --lotus-success-soft: color-mix(in oklab, var(--lotus-success) 16%, var(--lotus-background));
    --lotus-success-contrast: var(--lotus-gray-950);
    --lotus-warning: var(--lotus-color-amber-400, oklch(0.828 0.189 84.429));
    --lotus-warning-ink: color-mix(in oklab, var(--lotus-warning) 74%, var(--lotus-text-strong));
    --lotus-warning-soft: color-mix(in oklab, var(--lotus-warning) 18%, var(--lotus-background));
    --lotus-warning-contrast: var(--lotus-gray-950);
    --lotus-danger: var(--lotus-color-red-400, oklch(0.704 0.191 22.216));
    --lotus-danger-ink: color-mix(in oklab, var(--lotus-danger) 72%, var(--lotus-text-strong));
    --lotus-danger-soft: color-mix(in oklab, var(--lotus-danger) 16%, var(--lotus-background));
    --lotus-danger-contrast: var(--lotus-gray-950);
  }
}

html {
  background: var(--lotus-background);
  color: var(--lotus-text);
}

body {
  background: var(--lotus-background);
  color: var(--lotus-text);
}