/* Haushalter – Farbschemata (generiert aus dem Design-Prototyp).
   Aktivierung: <html data-palette="salbei|indigo|terrakotta|modernist" data-theme="light|dark">
   Ohne data-theme gilt prefers-color-scheme. Default-Palette: salbei.
   Die Schrift Archivo laedt base.html per <link> (schneller als @import). */
:root {
  --font-heading: "Archivo", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --font-heading-weight: 800;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 0px; --radius-md: 0px; --radius-lg: 0px;
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);
}

:root:not([data-theme="dark"]), [data-palette="salbei"]:not([data-theme="dark"]) {
  --color-accent-100: oklch(0.97 0.021 155);
  --color-accent-200: oklch(0.93 0.040 155);
  --color-accent-300: oklch(0.87 0.065 155);
  --color-accent-400: oklch(0.78 0.086 155);
  --color-accent-500: oklch(0.68 0.095 155);
  --color-accent-600: oklch(0.58 0.095 155);
  --color-accent-700: oklch(0.48 0.087 155);
  --color-accent-800: oklch(0.38 0.074 155);
  --color-accent-900: oklch(0.28 0.057 155);
  --color-accent-2-100: oklch(0.97 0.029 55);
  --color-accent-2-200: oklch(0.93 0.055 55);
  --color-accent-2-300: oklch(0.87 0.088 55);
  --color-accent-2-400: oklch(0.78 0.117 55);
  --color-accent-2-500: oklch(0.68 0.130 55);
  --color-accent-2-600: oklch(0.58 0.130 55);
  --color-accent-2-700: oklch(0.48 0.120 55);
  --color-accent-2-800: oklch(0.38 0.101 55);
  --color-accent-2-900: oklch(0.28 0.078 55);
  --color-neutral-100: oklch(0.97 0.004 95);
  --color-neutral-200: oklch(0.93 0.008 95);
  --color-neutral-300: oklch(0.87 0.012 95);
  --color-neutral-400: oklch(0.78 0.016 95);
  --color-neutral-500: oklch(0.68 0.018 95);
  --color-neutral-600: oklch(0.58 0.018 95);
  --color-neutral-700: oklch(0.48 0.017 95);
  --color-neutral-800: oklch(0.38 0.014 95);
  --color-neutral-900: oklch(0.28 0.011 95);
  --color-bg: oklch(0.975 0.006 95);
  --color-surface: oklch(0.945 0.008 95);
  --color-text: oklch(0.22 0.016 95);
  --color-accent: oklch(0.5 0.095 155);
  --color-accent-2: oklch(0.62 0.13 55);
  --color-divider: color-mix(in oklch, var(--color-text) 34%, transparent);
  color-scheme: light;
}
:root[data-theme="dark"], [data-palette="salbei"][data-theme="dark"] {
  --color-accent-100: oklch(0.25 0.021 155);
  --color-accent-200: oklch(0.3 0.040 155);
  --color-accent-300: oklch(0.36 0.065 155);
  --color-accent-400: oklch(0.45 0.086 155);
  --color-accent-500: oklch(0.56 0.095 155);
  --color-accent-600: oklch(0.66 0.095 155);
  --color-accent-700: oklch(0.76 0.087 155);
  --color-accent-800: oklch(0.85 0.074 155);
  --color-accent-900: oklch(0.93 0.057 155);
  --color-accent-2-100: oklch(0.25 0.029 55);
  --color-accent-2-200: oklch(0.3 0.055 55);
  --color-accent-2-300: oklch(0.36 0.088 55);
  --color-accent-2-400: oklch(0.45 0.117 55);
  --color-accent-2-500: oklch(0.56 0.130 55);
  --color-accent-2-600: oklch(0.66 0.130 55);
  --color-accent-2-700: oklch(0.76 0.120 55);
  --color-accent-2-800: oklch(0.85 0.101 55);
  --color-accent-2-900: oklch(0.93 0.078 55);
  --color-neutral-100: oklch(0.25 0.004 95);
  --color-neutral-200: oklch(0.3 0.008 95);
  --color-neutral-300: oklch(0.36 0.012 95);
  --color-neutral-400: oklch(0.45 0.016 95);
  --color-neutral-500: oklch(0.56 0.018 95);
  --color-neutral-600: oklch(0.66 0.018 95);
  --color-neutral-700: oklch(0.76 0.017 95);
  --color-neutral-800: oklch(0.85 0.014 95);
  --color-neutral-900: oklch(0.93 0.011 95);
  --color-bg: oklch(0.18 0.012 95);
  --color-surface: oklch(0.22 0.014 95);
  --color-text: oklch(0.95 0.008 95);
  --color-accent: oklch(0.76 0.095 155);
  --color-accent-2: oklch(0.78 0.13 55);
  --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]), [data-palette="salbei"]:not([data-theme]) {
    --color-accent-100: oklch(0.25 0.021 155);
    --color-accent-200: oklch(0.3 0.040 155);
    --color-accent-300: oklch(0.36 0.065 155);
    --color-accent-400: oklch(0.45 0.086 155);
    --color-accent-500: oklch(0.56 0.095 155);
    --color-accent-600: oklch(0.66 0.095 155);
    --color-accent-700: oklch(0.76 0.087 155);
    --color-accent-800: oklch(0.85 0.074 155);
    --color-accent-900: oklch(0.93 0.057 155);
    --color-accent-2-100: oklch(0.25 0.029 55);
    --color-accent-2-200: oklch(0.3 0.055 55);
    --color-accent-2-300: oklch(0.36 0.088 55);
    --color-accent-2-400: oklch(0.45 0.117 55);
    --color-accent-2-500: oklch(0.56 0.130 55);
    --color-accent-2-600: oklch(0.66 0.130 55);
    --color-accent-2-700: oklch(0.76 0.120 55);
    --color-accent-2-800: oklch(0.85 0.101 55);
    --color-accent-2-900: oklch(0.93 0.078 55);
    --color-neutral-100: oklch(0.25 0.004 95);
    --color-neutral-200: oklch(0.3 0.008 95);
    --color-neutral-300: oklch(0.36 0.012 95);
    --color-neutral-400: oklch(0.45 0.016 95);
    --color-neutral-500: oklch(0.56 0.018 95);
    --color-neutral-600: oklch(0.66 0.018 95);
    --color-neutral-700: oklch(0.76 0.017 95);
    --color-neutral-800: oklch(0.85 0.014 95);
    --color-neutral-900: oklch(0.93 0.011 95);
    --color-bg: oklch(0.18 0.012 95);
    --color-surface: oklch(0.22 0.014 95);
    --color-text: oklch(0.95 0.008 95);
    --color-accent: oklch(0.76 0.095 155);
    --color-accent-2: oklch(0.78 0.13 55);
    --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
    color-scheme: dark;
  }
}

[data-palette="indigo"]:not([data-theme="dark"]) {
  --color-accent-100: oklch(0.97 0.037 275);
  --color-accent-200: oklch(0.93 0.071 275);
  --color-accent-300: oklch(0.87 0.116 275);
  --color-accent-400: oklch(0.78 0.153 275);
  --color-accent-500: oklch(0.68 0.170 275);
  --color-accent-600: oklch(0.58 0.170 275);
  --color-accent-700: oklch(0.48 0.156 275);
  --color-accent-800: oklch(0.38 0.133 275);
  --color-accent-900: oklch(0.28 0.102 275);
  --color-accent-2-100: oklch(0.97 0.033 28);
  --color-accent-2-200: oklch(0.93 0.063 28);
  --color-accent-2-300: oklch(0.87 0.102 28);
  --color-accent-2-400: oklch(0.78 0.135 28);
  --color-accent-2-500: oklch(0.68 0.150 28);
  --color-accent-2-600: oklch(0.58 0.150 28);
  --color-accent-2-700: oklch(0.48 0.138 28);
  --color-accent-2-800: oklch(0.38 0.117 28);
  --color-accent-2-900: oklch(0.28 0.090 28);
  --color-neutral-100: oklch(0.97 0.004 270);
  --color-neutral-200: oklch(0.93 0.008 270);
  --color-neutral-300: oklch(0.87 0.012 270);
  --color-neutral-400: oklch(0.78 0.016 270);
  --color-neutral-500: oklch(0.68 0.018 270);
  --color-neutral-600: oklch(0.58 0.018 270);
  --color-neutral-700: oklch(0.48 0.017 270);
  --color-neutral-800: oklch(0.38 0.014 270);
  --color-neutral-900: oklch(0.28 0.011 270);
  --color-bg: oklch(0.975 0.006 270);
  --color-surface: oklch(0.945 0.008 270);
  --color-text: oklch(0.22 0.016 270);
  --color-accent: oklch(0.5 0.17 275);
  --color-accent-2: oklch(0.62 0.15 28);
  --color-divider: color-mix(in oklch, var(--color-text) 34%, transparent);
  color-scheme: light;
}
[data-palette="indigo"][data-theme="dark"] {
  --color-accent-100: oklch(0.25 0.037 275);
  --color-accent-200: oklch(0.3 0.071 275);
  --color-accent-300: oklch(0.36 0.116 275);
  --color-accent-400: oklch(0.45 0.153 275);
  --color-accent-500: oklch(0.56 0.170 275);
  --color-accent-600: oklch(0.66 0.170 275);
  --color-accent-700: oklch(0.76 0.156 275);
  --color-accent-800: oklch(0.85 0.133 275);
  --color-accent-900: oklch(0.93 0.102 275);
  --color-accent-2-100: oklch(0.25 0.033 28);
  --color-accent-2-200: oklch(0.3 0.063 28);
  --color-accent-2-300: oklch(0.36 0.102 28);
  --color-accent-2-400: oklch(0.45 0.135 28);
  --color-accent-2-500: oklch(0.56 0.150 28);
  --color-accent-2-600: oklch(0.66 0.150 28);
  --color-accent-2-700: oklch(0.76 0.138 28);
  --color-accent-2-800: oklch(0.85 0.117 28);
  --color-accent-2-900: oklch(0.93 0.090 28);
  --color-neutral-100: oklch(0.25 0.004 270);
  --color-neutral-200: oklch(0.3 0.008 270);
  --color-neutral-300: oklch(0.36 0.012 270);
  --color-neutral-400: oklch(0.45 0.016 270);
  --color-neutral-500: oklch(0.56 0.018 270);
  --color-neutral-600: oklch(0.66 0.018 270);
  --color-neutral-700: oklch(0.76 0.017 270);
  --color-neutral-800: oklch(0.85 0.014 270);
  --color-neutral-900: oklch(0.93 0.011 270);
  --color-bg: oklch(0.18 0.012 270);
  --color-surface: oklch(0.22 0.014 270);
  --color-text: oklch(0.95 0.008 270);
  --color-accent: oklch(0.74 0.17 275);
  --color-accent-2: oklch(0.76 0.15 28);
  --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-palette="indigo"]:not([data-theme]) {
    --color-accent-100: oklch(0.25 0.037 275);
    --color-accent-200: oklch(0.3 0.071 275);
    --color-accent-300: oklch(0.36 0.116 275);
    --color-accent-400: oklch(0.45 0.153 275);
    --color-accent-500: oklch(0.56 0.170 275);
    --color-accent-600: oklch(0.66 0.170 275);
    --color-accent-700: oklch(0.76 0.156 275);
    --color-accent-800: oklch(0.85 0.133 275);
    --color-accent-900: oklch(0.93 0.102 275);
    --color-accent-2-100: oklch(0.25 0.033 28);
    --color-accent-2-200: oklch(0.3 0.063 28);
    --color-accent-2-300: oklch(0.36 0.102 28);
    --color-accent-2-400: oklch(0.45 0.135 28);
    --color-accent-2-500: oklch(0.56 0.150 28);
    --color-accent-2-600: oklch(0.66 0.150 28);
    --color-accent-2-700: oklch(0.76 0.138 28);
    --color-accent-2-800: oklch(0.85 0.117 28);
    --color-accent-2-900: oklch(0.93 0.090 28);
    --color-neutral-100: oklch(0.25 0.004 270);
    --color-neutral-200: oklch(0.3 0.008 270);
    --color-neutral-300: oklch(0.36 0.012 270);
    --color-neutral-400: oklch(0.45 0.016 270);
    --color-neutral-500: oklch(0.56 0.018 270);
    --color-neutral-600: oklch(0.66 0.018 270);
    --color-neutral-700: oklch(0.76 0.017 270);
    --color-neutral-800: oklch(0.85 0.014 270);
    --color-neutral-900: oklch(0.93 0.011 270);
    --color-bg: oklch(0.18 0.012 270);
    --color-surface: oklch(0.22 0.014 270);
    --color-text: oklch(0.95 0.008 270);
    --color-accent: oklch(0.74 0.17 275);
    --color-accent-2: oklch(0.76 0.15 28);
    --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
    color-scheme: dark;
  }
}

[data-palette="terrakotta"]:not([data-theme="dark"]) {
  --color-accent-100: oklch(0.97 0.031 38);
  --color-accent-200: oklch(0.93 0.059 38);
  --color-accent-300: oklch(0.87 0.095 38);
  --color-accent-400: oklch(0.78 0.126 38);
  --color-accent-500: oklch(0.68 0.140 38);
  --color-accent-600: oklch(0.58 0.140 38);
  --color-accent-700: oklch(0.48 0.129 38);
  --color-accent-800: oklch(0.38 0.109 38);
  --color-accent-900: oklch(0.28 0.084 38);
  --color-accent-2-100: oklch(0.97 0.019 215);
  --color-accent-2-200: oklch(0.93 0.036 215);
  --color-accent-2-300: oklch(0.87 0.058 215);
  --color-accent-2-400: oklch(0.78 0.077 215);
  --color-accent-2-500: oklch(0.68 0.085 215);
  --color-accent-2-600: oklch(0.58 0.085 215);
  --color-accent-2-700: oklch(0.48 0.078 215);
  --color-accent-2-800: oklch(0.38 0.066 215);
  --color-accent-2-900: oklch(0.28 0.051 215);
  --color-neutral-100: oklch(0.97 0.004 60);
  --color-neutral-200: oklch(0.93 0.008 60);
  --color-neutral-300: oklch(0.87 0.012 60);
  --color-neutral-400: oklch(0.78 0.016 60);
  --color-neutral-500: oklch(0.68 0.018 60);
  --color-neutral-600: oklch(0.58 0.018 60);
  --color-neutral-700: oklch(0.48 0.017 60);
  --color-neutral-800: oklch(0.38 0.014 60);
  --color-neutral-900: oklch(0.28 0.011 60);
  --color-bg: oklch(0.975 0.006 60);
  --color-surface: oklch(0.945 0.008 60);
  --color-text: oklch(0.22 0.016 60);
  --color-accent: oklch(0.54 0.14 38);
  --color-accent-2: oklch(0.52 0.085 215);
  --color-divider: color-mix(in oklch, var(--color-text) 34%, transparent);
  color-scheme: light;
}
[data-palette="terrakotta"][data-theme="dark"] {
  --color-accent-100: oklch(0.25 0.031 38);
  --color-accent-200: oklch(0.3 0.059 38);
  --color-accent-300: oklch(0.36 0.095 38);
  --color-accent-400: oklch(0.45 0.126 38);
  --color-accent-500: oklch(0.56 0.140 38);
  --color-accent-600: oklch(0.66 0.140 38);
  --color-accent-700: oklch(0.76 0.129 38);
  --color-accent-800: oklch(0.85 0.109 38);
  --color-accent-900: oklch(0.93 0.084 38);
  --color-accent-2-100: oklch(0.25 0.019 215);
  --color-accent-2-200: oklch(0.3 0.036 215);
  --color-accent-2-300: oklch(0.36 0.058 215);
  --color-accent-2-400: oklch(0.45 0.077 215);
  --color-accent-2-500: oklch(0.56 0.085 215);
  --color-accent-2-600: oklch(0.66 0.085 215);
  --color-accent-2-700: oklch(0.76 0.078 215);
  --color-accent-2-800: oklch(0.85 0.066 215);
  --color-accent-2-900: oklch(0.93 0.051 215);
  --color-neutral-100: oklch(0.25 0.004 60);
  --color-neutral-200: oklch(0.3 0.008 60);
  --color-neutral-300: oklch(0.36 0.012 60);
  --color-neutral-400: oklch(0.45 0.016 60);
  --color-neutral-500: oklch(0.56 0.018 60);
  --color-neutral-600: oklch(0.66 0.018 60);
  --color-neutral-700: oklch(0.76 0.017 60);
  --color-neutral-800: oklch(0.85 0.014 60);
  --color-neutral-900: oklch(0.93 0.011 60);
  --color-bg: oklch(0.18 0.012 60);
  --color-surface: oklch(0.22 0.014 60);
  --color-text: oklch(0.95 0.008 60);
  --color-accent: oklch(0.73 0.14 38);
  --color-accent-2: oklch(0.74 0.085 215);
  --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-palette="terrakotta"]:not([data-theme]) {
    --color-accent-100: oklch(0.25 0.031 38);
    --color-accent-200: oklch(0.3 0.059 38);
    --color-accent-300: oklch(0.36 0.095 38);
    --color-accent-400: oklch(0.45 0.126 38);
    --color-accent-500: oklch(0.56 0.140 38);
    --color-accent-600: oklch(0.66 0.140 38);
    --color-accent-700: oklch(0.76 0.129 38);
    --color-accent-800: oklch(0.85 0.109 38);
    --color-accent-900: oklch(0.93 0.084 38);
    --color-accent-2-100: oklch(0.25 0.019 215);
    --color-accent-2-200: oklch(0.3 0.036 215);
    --color-accent-2-300: oklch(0.36 0.058 215);
    --color-accent-2-400: oklch(0.45 0.077 215);
    --color-accent-2-500: oklch(0.56 0.085 215);
    --color-accent-2-600: oklch(0.66 0.085 215);
    --color-accent-2-700: oklch(0.76 0.078 215);
    --color-accent-2-800: oklch(0.85 0.066 215);
    --color-accent-2-900: oklch(0.93 0.051 215);
    --color-neutral-100: oklch(0.25 0.004 60);
    --color-neutral-200: oklch(0.3 0.008 60);
    --color-neutral-300: oklch(0.36 0.012 60);
    --color-neutral-400: oklch(0.45 0.016 60);
    --color-neutral-500: oklch(0.56 0.018 60);
    --color-neutral-600: oklch(0.66 0.018 60);
    --color-neutral-700: oklch(0.76 0.017 60);
    --color-neutral-800: oklch(0.85 0.014 60);
    --color-neutral-900: oklch(0.93 0.011 60);
    --color-bg: oklch(0.18 0.012 60);
    --color-surface: oklch(0.22 0.014 60);
    --color-text: oklch(0.95 0.008 60);
    --color-accent: oklch(0.73 0.14 38);
    --color-accent-2: oklch(0.74 0.085 215);
    --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
    color-scheme: dark;
  }
}

[data-palette="modernist"]:not([data-theme="dark"]) {
  --color-accent-100: oklch(0.97 0.044 33);
  --color-accent-200: oklch(0.93 0.084 33);
  --color-accent-300: oklch(0.87 0.136 33);
  --color-accent-400: oklch(0.78 0.180 33);
  --color-accent-500: oklch(0.68 0.200 33);
  --color-accent-600: oklch(0.58 0.200 33);
  --color-accent-700: oklch(0.48 0.184 33);
  --color-accent-800: oklch(0.38 0.156 33);
  --color-accent-900: oklch(0.28 0.120 33);
  --color-accent-2-100: oklch(0.97 0.031 25);
  --color-accent-2-200: oklch(0.93 0.059 25);
  --color-accent-2-300: oklch(0.87 0.095 25);
  --color-accent-2-400: oklch(0.78 0.126 25);
  --color-accent-2-500: oklch(0.68 0.140 25);
  --color-accent-2-600: oklch(0.58 0.140 25);
  --color-accent-2-700: oklch(0.48 0.129 25);
  --color-accent-2-800: oklch(0.38 0.109 25);
  --color-accent-2-900: oklch(0.28 0.084 25);
  --color-neutral-100: oklch(0.97 0.004 30);
  --color-neutral-200: oklch(0.93 0.008 30);
  --color-neutral-300: oklch(0.87 0.012 30);
  --color-neutral-400: oklch(0.78 0.016 30);
  --color-neutral-500: oklch(0.68 0.018 30);
  --color-neutral-600: oklch(0.58 0.018 30);
  --color-neutral-700: oklch(0.48 0.017 30);
  --color-neutral-800: oklch(0.38 0.014 30);
  --color-neutral-900: oklch(0.28 0.011 30);
  --color-bg: oklch(0.975 0.006 30);
  --color-surface: oklch(0.945 0.008 30);
  --color-text: oklch(0.22 0.016 30);
  --color-accent: oklch(0.58 0.2 33);
  --color-accent-2: oklch(0.62 0.14 25);
  --color-divider: color-mix(in oklch, var(--color-text) 34%, transparent);
  color-scheme: light;
}
[data-palette="modernist"][data-theme="dark"] {
  --color-accent-100: oklch(0.25 0.044 33);
  --color-accent-200: oklch(0.3 0.084 33);
  --color-accent-300: oklch(0.36 0.136 33);
  --color-accent-400: oklch(0.45 0.180 33);
  --color-accent-500: oklch(0.56 0.200 33);
  --color-accent-600: oklch(0.66 0.200 33);
  --color-accent-700: oklch(0.76 0.184 33);
  --color-accent-800: oklch(0.85 0.156 33);
  --color-accent-900: oklch(0.93 0.120 33);
  --color-accent-2-100: oklch(0.25 0.031 25);
  --color-accent-2-200: oklch(0.3 0.059 25);
  --color-accent-2-300: oklch(0.36 0.095 25);
  --color-accent-2-400: oklch(0.45 0.126 25);
  --color-accent-2-500: oklch(0.56 0.140 25);
  --color-accent-2-600: oklch(0.66 0.140 25);
  --color-accent-2-700: oklch(0.76 0.129 25);
  --color-accent-2-800: oklch(0.85 0.109 25);
  --color-accent-2-900: oklch(0.93 0.084 25);
  --color-neutral-100: oklch(0.25 0.004 30);
  --color-neutral-200: oklch(0.3 0.008 30);
  --color-neutral-300: oklch(0.36 0.012 30);
  --color-neutral-400: oklch(0.45 0.016 30);
  --color-neutral-500: oklch(0.56 0.018 30);
  --color-neutral-600: oklch(0.66 0.018 30);
  --color-neutral-700: oklch(0.76 0.017 30);
  --color-neutral-800: oklch(0.85 0.014 30);
  --color-neutral-900: oklch(0.93 0.011 30);
  --color-bg: oklch(0.18 0.012 30);
  --color-surface: oklch(0.22 0.014 30);
  --color-text: oklch(0.95 0.008 30);
  --color-accent: oklch(0.68 0.2 33);
  --color-accent-2: oklch(0.72 0.14 25);
  --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-palette="modernist"]:not([data-theme]) {
    --color-accent-100: oklch(0.25 0.044 33);
    --color-accent-200: oklch(0.3 0.084 33);
    --color-accent-300: oklch(0.36 0.136 33);
    --color-accent-400: oklch(0.45 0.180 33);
    --color-accent-500: oklch(0.56 0.200 33);
    --color-accent-600: oklch(0.66 0.200 33);
    --color-accent-700: oklch(0.76 0.184 33);
    --color-accent-800: oklch(0.85 0.156 33);
    --color-accent-900: oklch(0.93 0.120 33);
    --color-accent-2-100: oklch(0.25 0.031 25);
    --color-accent-2-200: oklch(0.3 0.059 25);
    --color-accent-2-300: oklch(0.36 0.095 25);
    --color-accent-2-400: oklch(0.45 0.126 25);
    --color-accent-2-500: oklch(0.56 0.140 25);
    --color-accent-2-600: oklch(0.66 0.140 25);
    --color-accent-2-700: oklch(0.76 0.129 25);
    --color-accent-2-800: oklch(0.85 0.109 25);
    --color-accent-2-900: oklch(0.93 0.084 25);
    --color-neutral-100: oklch(0.25 0.004 30);
    --color-neutral-200: oklch(0.3 0.008 30);
    --color-neutral-300: oklch(0.36 0.012 30);
    --color-neutral-400: oklch(0.45 0.016 30);
    --color-neutral-500: oklch(0.56 0.018 30);
    --color-neutral-600: oklch(0.66 0.018 30);
    --color-neutral-700: oklch(0.76 0.017 30);
    --color-neutral-800: oklch(0.85 0.014 30);
    --color-neutral-900: oklch(0.93 0.011 30);
    --color-bg: oklch(0.18 0.012 30);
    --color-surface: oklch(0.22 0.014 30);
    --color-text: oklch(0.95 0.008 30);
    --color-accent: oklch(0.68 0.2 33);
    --color-accent-2: oklch(0.72 0.14 25);
    --color-divider: color-mix(in oklch, var(--color-text) 30%, transparent);
    color-scheme: dark;
  }
}