/* nsłowo — Design Tokens (1:1 z makietą) */

:root {
  /* Kolory podstawowe */
  --ink: #16130F;
  --paper: #F7F4EE;
  --surface: #FFFFFF;
  --surface-deep: #16130F;
  --muted: #6B6459;
  --hair: rgba(22, 19, 15, .12);
  --hair-strong: rgba(22, 19, 15, .22);

  /* Marka */
  --brand: #C81E2D;
  --brand-dark: #9C1622;

  /* Kodowanie sekcji */
  --c-swiat: #1F5673;
  --c-biznes: #A66A00;
  --c-tech: #4338CA;
  --c-porad: #0E7468;
  --c-life: #A5286F;
  --c-sport: #2F7A34;

  /* Layout */
  --maxw: 1240px;
  --gap: 28px;
  --radius: 6px;

  /* Typografia */
  --f-display: "Fraunces", Georgia, serif;
  --f-ui: "IBM Plex Sans", "Segoe UI", sans-serif;
  --f-read: "Source Serif 4", Georgia, serif;
}

/* Tryb ciemny — systemowy */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #F2EEE6;
    --paper: #15120E;
    --surface: #1E1A15;
    --surface-deep: #100D0A;
    --muted: #9C958A;
    --hair: rgba(242, 238, 230, .14);
    --hair-strong: rgba(242, 238, 230, .26);
    --brand: #DE3A47;
    --brand-dark: #B62230;
    --c-swiat: #6FA8C9;
    --c-biznes: #E0A23A;
    --c-tech: #8B82F0;
    --c-porad: #34B89E;
    --c-life: #E06AAA;
    --c-sport: #5DBE63;
  }
  :root:not([data-theme="light"]) .cathero {
    background: #2E2A6B;
  }
}

/* Tryb ciemny — ręczny */
[data-theme="dark"] {
  --ink: #F2EEE6;
  --paper: #15120E;
  --surface: #1E1A15;
  --surface-deep: #100D0A;
  --muted: #9C958A;
  --hair: rgba(242, 238, 230, .14);
  --hair-strong: rgba(242, 238, 230, .26);
  --brand: #DE3A47;
  --brand-dark: #B62230;
  --c-swiat: #6FA8C9;
  --c-biznes: #E0A23A;
  --c-tech: #8B82F0;
  --c-porad: #34B89E;
  --c-life: #E06AAA;
  --c-sport: #5DBE63;
}
[data-theme="dark"] .cathero {
  background: #2E2A6B;
}