/* CreativePulse theme packs.
   Add a look: one [data-theme] block here + one row in theme.js. */

:root,
[data-theme="day"] {
    color-scheme: light;
    --bg: oklch(0.975 0.014 85);
    --bg-rail: oklch(0.952 0.022 80);
    --surface: oklch(0.995 0.008 85);
    --surface-2: oklch(0.96 0.016 82);
    --fg: oklch(0.22 0.028 50);
    --fg-muted: oklch(0.40 0.022 55);
    --fg-subtle: oklch(0.52 0.02 60);
    --border: oklch(0.28 0.02 50 / 0.11);
    --border-strong: oklch(0.28 0.02 50 / 0.2);
    --accent: oklch(0.52 0.11 195);
    --accent-hot: oklch(0.44 0.12 195);
    --accent-dim: oklch(0.52 0.11 195 / 0.12);
    --on-accent: oklch(0.99 0.01 95);
    --ok: oklch(0.52 0.11 155);
    --warn: oklch(0.68 0.14 70);
    --alert: oklch(0.58 0.16 32);
    --info: oklch(0.48 0.1 250);
    --shadow: 0 14px 40px oklch(0.32 0.03 55 / 0.08);
    --radius: 14px;
    --radius-sm: 10px;
    --glass: oklch(0.995 0.008 85 / 0.76);
    --grain-opacity: 0.016;
    --focus: oklch(0.52 0.11 195);
    --letterbox: oklch(0.52 0.11 195);
}

[data-theme="night"] {
    color-scheme: dark;
    --bg: oklch(0.18 0.02 250);
    --bg-rail: oklch(0.145 0.024 250);
    --surface: oklch(0.23 0.018 250);
    --surface-2: oklch(0.2 0.02 250);
    --fg: oklch(0.95 0.012 95);
    --fg-muted: oklch(0.8 0.016 95);
    --fg-subtle: oklch(0.64 0.02 250);
    --border: oklch(0.94 0.01 95 / 0.1);
    --border-strong: oklch(0.94 0.01 95 / 0.2);
    --accent: oklch(0.74 0.1 195);
    --accent-hot: oklch(0.8 0.09 195);
    --accent-dim: oklch(0.74 0.1 195 / 0.16);
    --on-accent: oklch(0.16 0.022 250);
    --ok: oklch(0.74 0.1 155);
    --warn: oklch(0.8 0.12 75);
    --alert: oklch(0.72 0.14 32);
    --info: oklch(0.74 0.1 250);
    --shadow: 0 18px 48px oklch(0.08 0.02 250 / 0.5);
    --radius: 14px;
    --radius-sm: 10px;
    --glass: oklch(0.2 0.018 250 / 0.72);
    /* --grain-opacity: 0.04; */
    --focus: oklch(0.74 0.1 195);
    --letterbox: oklch(0.74 0.1 195);
}

[data-theme="filament"] {
    color-scheme: dark;
    --bg: #0b0a09;
    --bg-rail: #100e0c;
    --surface: #161310;
    --surface-2: #1c1814;
    --fg: #ede6da;
    --fg-muted: #cfc6b6;
    --fg-subtle: #7c7468;
    --border: rgba(237, 230, 218, 0.09);
    --border-strong: rgba(237, 230, 218, 0.18);
    --accent: #c9a66b;
    --accent-hot: #e0c089;
    --accent-dim: rgba(201, 166, 107, 0.14);
    --on-accent: #1a140c;
    --ok: #8a9a7b;
    --warn: #c4a46a;
    --alert: #c4785c;
    --info: #8aa0b8;
    --shadow: 0 16px 40px rgba(8, 6, 4, 0.45);
    --radius: 12px;
    --radius-sm: 8px;
    --glass: rgba(16, 14, 12, 0.78);
    --grain-opacity: 0.045;
    --focus: #c9a66b;
    --letterbox: #c9a66b;
}

[data-theme="meadow"] {
    color-scheme: light;
    --bg: oklch(0.97 0.02 140);
    --bg-rail: oklch(0.935 0.032 145);
    --surface: oklch(0.99 0.012 140);
    --surface-2: oklch(0.95 0.024 142);
    --fg: oklch(0.24 0.03 145);
    --fg-muted: oklch(0.38 0.028 148);
    --fg-subtle: oklch(0.5 0.03 150);
    --border: oklch(0.3 0.03 145 / 0.12);
    --border-strong: oklch(0.3 0.03 145 / 0.22);
    --accent: oklch(0.46 0.1 150);
    --accent-hot: oklch(0.4 0.11 150);
    --accent-dim: oklch(0.46 0.1 150 / 0.12);
    --on-accent: oklch(0.99 0.01 140);
    --ok: oklch(0.5 0.12 155);
    --warn: oklch(0.66 0.13 75);
    --alert: oklch(0.55 0.15 28);
    --info: oklch(0.48 0.08 220);
    --shadow: 0 14px 36px oklch(0.35 0.04 145 / 0.1);
    --radius: 16px;
    --radius-sm: 11px;
    --glass: oklch(0.99 0.012 140 / 0.74);
    --grain-opacity: 0.02;
    --focus: oklch(0.46 0.1 150);
    --letterbox: oklch(0.46 0.1 150);
}

[data-theme="quick"] {
    color-scheme: dark;
    --bg: #09090b;
    --bg-rail: #0c0c10;
    --surface: #14141a;
    --surface-2: #1a1a22;
    --fg: #f4f1ea;
    --fg-muted: #c4c0b6;
    --fg-subtle: #7a7782;
    --border: rgba(244, 241, 234, 0.08);
    --border-strong: rgba(244, 241, 234, 0.16);
    --accent: #e8a87c;
    --accent-hot: #f3c4a0;
    --accent-dim: rgba(232, 168, 124, 0.16);
    --on-accent: #1a120c;
    --ok: #8fba8a;
    --warn: #d4b06a;
    --alert: #d07a62;
    --info: #8aa4c8;
    --shadow: 0 22px 56px rgba(0, 0, 0, 0.55);
    --radius: 16px;
    --radius-sm: 10px;
    --glass: rgba(12, 12, 16, 0.78);
    --grain-opacity: 0.05;
    --focus: #e8a87c;
    --letterbox: #e8a87c;
}

[data-theme="cinder"] {
    color-scheme: dark;
    --bg: oklch(0.14 0.024 300);
    --bg-rail: oklch(0.11 0.03 300);
    --surface: oklch(0.19 0.032 300);
    --surface-2: oklch(0.16 0.03 300);
    --fg: oklch(0.96 0.012 300);
    --fg-muted: oklch(0.82 0.02 300);
    --fg-subtle: oklch(0.66 0.03 300);
    --border: oklch(0.96 0.01 300 / 0.12);
    --border-strong: oklch(0.96 0.01 300 / 0.22);
    --accent: oklch(0.66 0.22 305);
    --accent-hot: oklch(0.74 0.2 305);
    --accent-dim: oklch(0.66 0.22 305 / 0.18);
    --on-accent: oklch(0.98 0.01 300);
    --ok: oklch(0.74 0.14 165);
    --warn: oklch(0.8 0.14 80);
    --alert: oklch(0.7 0.18 20);
    --info: oklch(0.72 0.14 250);
    --shadow: 0 20px 52px oklch(0.08 0.04 300 / 0.55);
    --radius: 12px;
    --radius-sm: 8px;
    --glass: oklch(0.16 0.03 300 / 0.74);
    --grain-opacity: 0.035;
    --focus: oklch(0.66 0.22 305);
    --letterbox: oklch(0.66 0.22 305);
}