/* Talerz WWW — tokeny (wygenerowane z tokens.json systemu „Talerz WWW”). */

:root, [data-theme="porcelana"] {
  --text: #2B2118; --textSecondary: #7A6A58; --background: #FBF7F0; --backgroundElement: #FFFFFF; --backgroundSelected: #F2E5D5;
  --accent: #B05628; --border: #EADFD0; --onAccent: #FFFFFF;
  --accentPigulka: #B056280F; --accentTint: #B0562814; --accentIkona: #B056281C; --accentRamka: #B0562833;
}
[data-theme="porcelana-ciemny"] {
  --text: #F5EFE7; --textSecondary: #A99787; --background: #16130F; --backgroundElement: #221D17; --backgroundSelected: #332A20;
  --accent: #E8843F; --border: #33291F; --onAccent: #16130F;
  --accentPigulka: #E8843F0F; --accentTint: #E8843F14; --accentIkona: #E8843F1C; --accentRamka: #E8843F33;
}
[data-theme="ziola"] {
  --text: #1C2620; --textSecondary: #5F7268; --background: #F4F7F4; --backgroundElement: #FFFFFF; --backgroundSelected: #E2EDE4;
  --accent: #3F6B4A; --border: #D8E3D9; --onAccent: #FFFFFF;
  --accentPigulka: #3F6B4A0F; --accentTint: #3F6B4A14; --accentIkona: #3F6B4A1C; --accentRamka: #3F6B4A33;
}
[data-theme="ziola-ciemny"] {
  --text: #E8F0E9; --textSecondary: #93A899; --background: #0F1512; --backgroundElement: #19211C; --backgroundSelected: #243028;
  --accent: #6FA97E; --border: #263029; --onAccent: #0F1512;
  --accentPigulka: #6FA97E0F; --accentTint: #6FA97E14; --accentIkona: #6FA97E1C; --accentRamka: #6FA97E33;
}
[data-theme="wyrazisty"] {
  --text: #000000; --textSecondary: #3A3A3A; --background: #FFFFFF; --backgroundElement: #FFFFFF; --backgroundSelected: #FFE9B8;
  --accent: #A3001B; --border: #1A1A1A; --onAccent: #FFFFFF;
  --accentPigulka: #A3001B0F; --accentTint: #A3001B14; --accentIkona: #A3001B1C; --accentRamka: #A3001B33;
}
[data-theme="wyrazisty-ciemny"] {
  --text: #FFFFFF; --textSecondary: #D4D4D4; --background: #000000; --backgroundElement: #0E0E0E; --backgroundSelected: #3D3000;
  --accent: #FF7B7B; --border: #9A9A9A; --onAccent: #000000;
  --accentPigulka: #FF7B7B0F; --accentTint: #FF7B7B14; --accentIkona: #FF7B7B1C; --accentRamka: #FF7B7B33;
}

:root {
  --makro-bialko: #3F8F5F; --makro-tluszcz: #D98A20; --makro-wegle: #3E7BC4; --makro-blonnik: #7A5CA3;

  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;

  --space-half: 2px; --space-one: 4px; --space-two: 8px; --space-three: 16px;
  --space-four: 24px; --space-five: 32px; --space-six: 64px; --space-sekcja: 96px;

  --radius-przycisk: 8px; --radius-ikona: 12px; --radius-karta: 16px; --radius-pigulka: 999px;

  --szerokosc-tresci: 760px; --szerokosc-strony: 1120px;
  --wysokosc-przycisku: 48px; --wysokosc-pola: 46px; --hairline: 1px;

  --opacity-wcisniety: 0.75; --opacity-nieczynny: 0.5;
}

/* Style pisma */
.display      { font-family: var(--font-serif); font-size: 64px; line-height: 68px; font-weight: 400; letter-spacing: -1px; }
.display-mala { font-family: var(--font-serif); font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: -0.5px; }
.title        { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 600; }
.subtitle     { font-family: var(--font-sans); font-size: 32px; line-height: 44px; font-weight: 600; }
.heroTytul    { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.6px; }
.cytat        { font-family: var(--font-sans); font-size: 22px; line-height: 29px; font-weight: 700; letter-spacing: -0.4px; }
.tytulSekcji  { font-family: var(--font-sans); font-size: 21px; line-height: 27px; font-weight: 700; letter-spacing: -0.3px; }
.lead         { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 400; }
.default      { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.small        { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.smallBold    { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.drobny       { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 500; }
.nadtytul     { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.8px; }
.code         { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; }

html, body { margin: 0; background: var(--background); }