/* Oregano – Design-Tokens.
   Alles Visuelle (Farben, Schriften, Radien, Schatten) hängt an diesen Variablen.
   Ein Theme = ein [data-theme]-Block. Der Block gilt auch für verschachtelte Elemente,
   deshalb kann die Einstellungsseite jedes Theme in einer Mini-Vorschau live zeigen. */

:root,
[data-theme="hell"] {
  color-scheme: light;
  --bg: #f4f6f4;
  --bg-2: #e9eee9;
  --surface: #ffffff;
  --surface-2: #eff3ef;
  --border: #d3dad4;
  --border-strong: #7d8e81;
  --text: #17231b;
  --text-2: #4f5f54;
  --accent: #2e7d32;
  --accent-ink: #ffffff;
  --accent-soft: #dff0e0;
  --accent-text: #1f6425;
  --accent-2: #2e7d32;
  --danger: #b3261e;
  --danger-soft: #fbe3e1;
  --success: #1e7a34;
  --warn: #8a5a00;
  --prio-low: #3a78b5;
  --prio-med: #c98500;
  --prio-high: #c4261d;
  --scrim: rgba(12, 22, 15, .45);
  --shadow: 0 1px 2px rgba(20, 40, 25, .08), 0 1px 6px rgba(20, 40, 25, .06);
  --shadow-lg: 0 10px 40px rgba(20, 40, 25, .22);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --bw: 1px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-head: var(--font);
  --head-transform: none;
  --head-tracking: 0;
  --glow: none;
  --focus: #1b5e20;
  --today-bg: #e8f4e9;
  --weekend-bg: #f0f3f0;
  --now-line: #c4261d;
  --tile-1: #fff3c4;
  --tile-2: #d9efd9;
  --tile-3: #d6e8fa;
  --tile-4: #f9dbe6;
  --tile-5: #e7dcf7;
  --tile-6: #fbe0c8;
  --tile-7: #d2eeee;
}

[data-theme="dunkel"] {
  color-scheme: dark;
  --bg: #1a1c1b;
  --bg-2: #212423;
  --surface: #2a2d2b;
  --surface-2: #343836;
  --border: #3f4441;
  --border-strong: #7b837e;
  --text: #e9eeea;
  --text-2: #aab5ad;
  --accent: #7cbf84;
  --accent-ink: #0e2111;
  --accent-soft: #2a3a2c;
  --accent-text: #93d49b;
  --accent-2: #7cbf84;
  --danger: #ff8d84;
  --danger-soft: #4a2826;
  --success: #86d494;
  --warn: #e6b450;
  --prio-low: #6fa8dc;
  --prio-med: #e0b040;
  --prio-high: #ff7468;
  --scrim: rgba(0, 0, 0, .6);
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .25);
  --shadow-lg: 0 12px 44px rgba(0, 0, 0, .6);
  --focus: #b4e4ba;
  --today-bg: #26352a;
  --weekend-bg: #252826;
  --now-line: #ff7468;
  --tile-1: #4a4325;
  --tile-2: #2f4631;
  --tile-3: #2b3e53;
  --tile-4: #51303d;
  --tile-5: #403458;
  --tile-6: #54392a;
  --tile-7: #2a4849;
}

[data-theme="beige"] {
  color-scheme: light;
  --bg: #f1e8d6;
  --bg-2: #e8dcc2;
  --surface: #faf4e6;
  --surface-2: #f0e6d0;
  --border: #d6c7a6;
  --border-strong: #8e7a52;
  --text: #43301f;
  --text-2: #6a553e;
  --accent: #5a6820;
  --accent-ink: #fbf6ea;
  --accent-soft: #e5e7c6;
  --accent-text: #4c5918;
  --accent-2: #5a6820;
  --danger: #9c2b1b;
  --danger-soft: #f3d8cc;
  --success: #3f6a1c;
  --warn: #7d4e00;
  --prio-low: #4b79a1;
  --prio-med: #b57600;
  --prio-high: #a8321f;
  --scrim: rgba(50, 35, 15, .45);
  --shadow: 0 1px 0 rgba(120, 95, 50, .12), 0 2px 8px rgba(90, 65, 30, .12);
  --shadow-lg: 0 10px 36px rgba(70, 45, 15, .3);
  --radius: 6px;
  --radius-sm: 4px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-head: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --focus: #3b4712;
  --today-bg: #f6efd0;
  --weekend-bg: #ece1c9;
  --now-line: #a8321f;
  --tile-1: #f6e7a8;
  --tile-2: #dfe6bd;
  --tile-3: #cfdfe6;
  --tile-4: #f0cfc2;
  --tile-5: #ddd0e2;
  --tile-6: #f1d3a6;
  --tile-7: #c9e0d5;
}

[data-theme="pastell"] {
  color-scheme: light;
  --bg: #e6f1fa;
  --bg-2: #d8e8f5;
  --surface: #ffffff;
  --surface-2: #edf4fb;
  --border: #c1d7ea;
  --border-strong: #6f93b8;
  --text: #12294d;
  --text-2: #3f5779;
  --accent: #25609f;
  --accent-ink: #ffffff;
  --accent-soft: #d3e5f6;
  --accent-text: #1c5189;
  --accent-2: #25609f;
  --danger: #b3261e;
  --danger-soft: #fbe3e1;
  --success: #1b6d57;
  --warn: #84560a;
  --prio-low: #3d86c6;
  --prio-med: #c18400;
  --prio-high: #c4361d;
  --scrim: rgba(14, 32, 60, .42);
  --shadow: 0 2px 10px rgba(40, 90, 150, .10);
  --shadow-lg: 0 14px 44px rgba(30, 70, 130, .25);
  --radius: 18px;
  --radius-sm: 12px;
  --focus: #15407a;
  --today-bg: #d9eafa;
  --weekend-bg: #eaf2fa;
  --now-line: #c4361d;
  --tile-1: #fdf1c7;
  --tile-2: #d6f0e2;
  --tile-3: #cfe4f9;
  --tile-4: #fbdbe8;
  --tile-5: #e3dbf8;
  --tile-6: #fde0cc;
  --tile-7: #cdeeee;
}

[data-theme="cyberpunk"] {
  color-scheme: dark;
  --bg: #08080f;
  --bg-2: #0d0d1a;
  --surface: #12121f;
  --surface-2: #1b1b30;
  --border: #33335c;
  --border-strong: #8a5a99;
  --text: #e8f4ff;
  --text-2: #a5b3d9;
  --accent: #ff2bd6;
  --accent-ink: #0a0a12;
  --accent-soft: #3a0f38;
  --accent-text: #ff6be3;
  --accent-2: #00f0ff;
  --danger: #ff5c7a;
  --danger-soft: #3d1020;
  --success: #3dffa0;
  --warn: #ffe600;
  --prio-low: #00d9ff;
  --prio-med: #ffe600;
  --prio-high: #ff4d6d;
  --scrim: rgba(3, 3, 10, .72);
  --shadow: 0 0 0 1px rgba(255, 43, 214, .18), 0 0 14px rgba(255, 43, 214, .12);
  --shadow-lg: 0 0 0 1px rgba(0, 240, 255, .4), 0 0 38px rgba(255, 43, 214, .35);
  --radius: 0px;
  --radius-sm: 0px;
  --radius-pill: 0px;
  --font: ui-monospace, "Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, "Courier New", monospace;
  --font-head: var(--font);
  --head-transform: uppercase;
  --head-tracking: .08em;
  --glow: 0 0 10px rgba(255, 43, 214, .55);
  --focus: #00f0ff;
  --today-bg: #1d1038;
  --weekend-bg: #0f0f1d;
  --now-line: #00f0ff;
  --tile-1: #3b3708;
  --tile-2: #0d3a2a;
  --tile-3: #0b3040;
  --tile-4: #45123d;
  --tile-5: #2d1a52;
  --tile-6: #47220f;
  --tile-7: #0d3b3e;
}

[data-theme="bauhaus"] {
  color-scheme: light;
  --bg: #f1eee3;
  --bg-2: #e4dfcd;
  --surface: #ffffff;
  --surface-2: #f6f2e6;
  --border: #111111;
  --border-strong: #111111;
  --text: #111111;
  --text-2: #3d3d3d;
  --accent: #0b3fae;
  --accent-ink: #ffffff;
  --accent-soft: #ffe27a;
  --accent-text: #0b3fae;
  --accent-2: #d62718;
  --danger: #c0210f;
  --danger-soft: #ffd9d3;
  --success: #0b6b3a;
  --warn: #7a5200;
  --prio-low: #0b3fae;
  --prio-med: #b98400;
  --prio-high: #d62718;
  --scrim: rgba(17, 17, 17, .55);
  --shadow: 4px 4px 0 #111111;
  --shadow-lg: 8px 8px 0 #111111;
  --radius: 0px;
  --radius-sm: 0px;
  --radius-pill: 0px;
  --bw: 2px;
  --font: "Futura", "Century Gothic", "Avenir Next", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --font-head: var(--font);
  --head-transform: uppercase;
  --head-tracking: .06em;
  --focus: #d62718;
  --today-bg: #ffe27a;
  --weekend-bg: #ebe7d7;
  --now-line: #d62718;
  --tile-1: #ffe27a;
  --tile-2: #cfe6d6;
  --tile-3: #bcd0f5;
  --tile-4: #f7b9b0;
  --tile-5: #ffffff;
  --tile-6: #f5c98a;
  --tile-7: #d9d9d9;
}