/* ============================================================
   SKÓRKI (warianty ciemne). :root = obecne kolory Hanah (skórka "Domyślna").
   Skórka = klasa .skorka-<id> na <html>; definiuje tylko bazowe --sk-*,
   reszta tokenów liczona jest z nich wspólną regułą poniżej.
   ============================================================ */
:root {
    --c-bg: #1e2228;
    --c-surface: #22272e;
    --c-surface-2: #21262d;
    --c-line-card: #2d333b;
    --c-card: #2d333b;
    --c-line: #373e47;
    --c-secondary: #373e47;
    --c-line-strong: #444c56;
    --c-text-faint: #444c56;
    --c-secondary-hover: #444c56;
    --c-line-hover: #545d68;
    --c-text-faint-2: #545d68;
    --c-line-soft: #30363d;
    --c-text: #d0d4dc;
    --c-text-2: #c9d1d9;
    --c-text-strong: #f0f4f8;
    --c-text-strong-2: #e6edf3;
    --c-text-soft: #adbac7;
    --c-muted: #8b949e;
    --c-muted-2: #636e7b;
    --c-primary: #4a6fa5;
    --c-primary-hover: #5a7fb5;
    --c-accent: #3d5a80;
    --c-accent-hover: #4d6a90;
    --c-accent-surface: #2a3441;
    --c-accent-surface-2: #2a3040;
    --c-primary-tint: rgba(74,111,165,0.1);
    --c-code-bg: #161b22;
    --c-pre-bg: #0d1117;
}
html[class*="skorka-"] {
    --c-bg: var(--sk-bg);
    --c-surface: color-mix(in oklch, var(--sk-bg) 50%, var(--sk-card));
    --c-surface-2: color-mix(in oklch, var(--sk-bg) 35%, var(--sk-card));
    --c-line-card: var(--sk-border);
    --c-card: var(--sk-card);
    --c-line: var(--sk-border);
    --c-secondary: var(--sk-secondary);
    --c-line-strong: var(--sk-input);
    --c-text-faint: color-mix(in oklch, var(--sk-muted-fg) 60%, var(--sk-bg));
    --c-secondary-hover: color-mix(in oklch, var(--sk-secondary) 88%, var(--sk-fg));
    --c-line-hover: oklch(1 0 0 / 28%);
    --c-text-faint-2: color-mix(in oklch, var(--sk-muted-fg) 70%, var(--sk-bg));
    --c-line-soft: var(--sk-border);
    --c-text: var(--sk-fg);
    --c-text-2: var(--sk-fg);
    --c-text-strong: color-mix(in oklch, var(--sk-fg) 70%, white);
    --c-text-strong-2: color-mix(in oklch, var(--sk-fg) 80%, white);
    --c-text-soft: color-mix(in oklch, var(--sk-fg) 70%, var(--sk-muted-fg));
    --c-muted: var(--sk-muted-fg);
    --c-muted-2: color-mix(in oklch, var(--sk-muted-fg) 80%, var(--sk-bg));
    --c-primary: var(--sk-primary);
    --c-primary-hover: color-mix(in oklch, var(--sk-primary) 85%, white);
    --c-accent: var(--sk-accent);
    --c-accent-hover: color-mix(in oklch, var(--sk-accent) 85%, var(--sk-fg));
    --c-accent-surface: color-mix(in oklch, var(--sk-accent) 50%, var(--sk-card));
    --c-accent-surface-2: color-mix(in oklch, var(--sk-accent) 40%, var(--sk-card));
    --c-primary-tint: color-mix(in oklch, var(--sk-primary) 12%, transparent);
    --c-code-bg: color-mix(in oklch, var(--sk-bg) 80%, black);
    --c-pre-bg: color-mix(in oklch, var(--sk-bg) 60%, black);
}
html.skorka-papier {
    --sk-bg: oklch(0.2 0 0);
    --sk-fg: oklch(0.93 0 0);
    --sk-card: oklch(0.24 0 0);
    --sk-primary: oklch(0.82 0.01 260);
    --sk-primary-fg: oklch(0.2 0 0);
    --sk-secondary: oklch(0.28 0 0);
    --sk-muted-fg: oklch(0.72 0 0);
    --sk-accent: oklch(0.32 0.005 260);
    --sk-border: oklch(1 0 0 / 13%);
    --sk-input: oklch(1 0 0 / 17%);
}
html.skorka-las {
    --sk-bg: oklch(0.19 0.018 160);
    --sk-fg: oklch(0.93 0.015 140);
    --sk-card: oklch(0.235 0.02 160);
    --sk-primary: oklch(0.74 0.12 150);
    --sk-primary-fg: oklch(0.19 0.018 160);
    --sk-secondary: oklch(0.28 0.02 160);
    --sk-muted-fg: oklch(0.72 0.025 145);
    --sk-accent: oklch(0.32 0.03 155);
    --sk-border: oklch(1 0 0 / 12%);
    --sk-input: oklch(1 0 0 / 16%);
}
html.skorka-niebo {
    --sk-bg: oklch(0.2 0.04 255);
    --sk-fg: oklch(0.94 0.02 230);
    --sk-card: oklch(0.24 0.045 255);
    --sk-primary: oklch(0.78 0.11 230);
    --sk-primary-fg: oklch(0.2 0.04 255);
    --sk-secondary: oklch(0.28 0.045 255);
    --sk-muted-fg: oklch(0.74 0.04 235);
    --sk-accent: oklch(0.32 0.055 250);
    --sk-border: oklch(1 0 0 / 13%);
    --sk-input: oklch(1 0 0 / 17%);
}
html.skorka-slonce {
    --sk-bg: oklch(0.2 0.01 90);
    --sk-fg: oklch(0.95 0.03 95);
    --sk-card: oklch(0.245 0.012 90);
    --sk-primary: oklch(0.86 0.16 92);
    --sk-primary-fg: oklch(0.2 0.01 90);
    --sk-secondary: oklch(0.28 0.012 90);
    --sk-muted-fg: oklch(0.76 0.04 90);
    --sk-accent: oklch(0.32 0.04 90);
    --sk-border: oklch(1 0 0 / 14%);
    --sk-input: oklch(1 0 0 / 18%);
}