/* ============================================================
   BAREVNÉ A TYPOGRAFICKÉ SADY
   Přepínají se atributy data-color / data-font na <html>.
   ============================================================ */

/* ---------- BARVY ---------- */

/* 1 — Signální (červená z loga na čisté bílé) */
[data-color='signal'] {
  --paper: #ffffff;
  --surface: #f4f4f5;
  --surface-2: #ebebec;
  --ink: #101012;
  --ink-2: #55565b;
  --ink-3: #8d8e94;
  --rule: #dcdcde;
  --accent: #e1252b;
  --accent-dark: #b21a20;
  --on-accent: #ffffff;
  --dark: #101012;
  --on-dark: #f4f4f5;
}

/* 2 — Cihlová (tlumená červeň, teplý papír) */
[data-color='cihla'] {
  --paper: #faf8f6;
  --surface: #f1ede9;
  --surface-2: #e6e0da;
  --ink: #1c1a19;
  --ink-2: #5b5551;
  --ink-3: #928b85;
  --rule: #ded7d0;
  --accent: #b3282d;
  --accent-dark: #8c1e22;
  --on-accent: #fdf8f6;
  --dark: #1c1a19;
  --on-dark: #f1ede9;
}

/* 3 — Vínová (tmavší, formálnější) */
[data-color='vino'] {
  --paper: #f7f4ef;
  --surface: #efeae2;
  --surface-2: #e3dcd1;
  --ink: #1a1614;
  --ink-2: #56504a;
  --ink-3: #8c847b;
  --rule: #ddd5c8;
  --accent: #8e1f2b;
  --accent-dark: #6d1620;
  --on-accent: #f7f4ef;
  --dark: #241a1b;
  --on-dark: #efeae2;
}

/* 4 — Grafit (dominuje uhlová, červená jen jako signál) */
[data-color='grafit'] {
  --paper: #ffffff;
  --surface: #f2f3f4;
  --surface-2: #e4e6e8;
  --ink: #16181a;
  --ink-2: #4a4f55;
  --ink-3: #868d95;
  --rule: #d7dade;
  --accent: #d32027;
  --accent-dark: #a5161c;
  --on-accent: #ffffff;
  --dark: #16181a;
  --on-dark: #e4e6e8;
}

/* 5 — Popel (šedá jako základ, červená jako akcent) */
[data-color='popel'] {
  --paper: #f2f0ed;
  --surface: #e8e5e1;
  --surface-2: #dbd7d2;
  --ink: #26262a;
  --ink-2: #5d5c60;
  --ink-3: #91908f;
  --rule: #d2cec9;
  --accent: #d6403a;
  --accent-dark: #ab2f2a;
  --on-accent: #ffffff;
  --dark: #2b2b2f;
  --on-dark: #e8e5e1;
}

/* ---------- PÍSMA ---------- */

[data-font='serif-klasik'] {
  --font-nadpis: 'Source Serif 4', Georgia, serif;
  --font-text: 'Source Sans 3', -apple-system, sans-serif;
  --nadpis-vaha: 600;
  --nadpis-mezera: -0.015em;
  --nadpis-radek: 1.06;
}

[data-font='baskerville'] {
  --font-nadpis: 'Libre Baskerville', Georgia, serif;
  --font-text: 'Inter', -apple-system, sans-serif;
  --nadpis-vaha: 700;
  --nadpis-mezera: -0.02em;
  --nadpis-radek: 1.14;
}

[data-font='playfair'] {
  --font-nadpis: 'Playfair Display', Georgia, serif;
  --font-text: 'Work Sans', -apple-system, sans-serif;
  --nadpis-vaha: 600;
  --nadpis-mezera: -0.01em;
  --nadpis-radek: 1.04;
}

[data-font='plex'] {
  --font-nadpis: 'IBM Plex Serif', Georgia, serif;
  --font-text: 'IBM Plex Sans', -apple-system, sans-serif;
  --nadpis-vaha: 600;
  --nadpis-mezera: -0.02em;
  --nadpis-radek: 1.08;
}

[data-font='inter'] {
  --font-nadpis: 'Inter', -apple-system, sans-serif;
  --font-text: 'Inter', -apple-system, sans-serif;
  --nadpis-vaha: 700;
  --nadpis-mezera: -0.035em;
  --nadpis-radek: 1.02;
}