/* Dizajnové tokeny. Predvolená téma „Noc“; „Pergamen“ a „Podľa zariadenia“ sa volia v nastaveniach. */
:root {
  color-scheme: dark;
  --bg: #14100c;          /* sadza */
  --panel: #1d1712;       /* tmavá koža */
  --panel-2: #271f18;     /* vystúpená koža */
  --line: #3f3223;        /* šev */
  --gold: #c9a45c;        /* staré zlato */
  --gold-hi: #e3c58a;
  --gold-lo: #7d6436;
  --text: #ebe0c9;        /* pergamen */
  --muted: #b3a488;
  --ember: #d06a5f;       /* hrozby a tresty */
  --ember-bg: #3a1815;
  --sage: #9fbf9f;        /* pokoj */
  --a-int: #a5bcd8; --a-sil: #d4935f; --a-cha: #cfa2c4; --a-duch: #a6c6a0; --a-disc: #d8b56e;
  /* oblasti človeka */
  --o-telo: #d4935f; --o-mysel: #a5bcd8; --o-vztahy: #cfa2c4; --o-duch: #a6c6a0; --o-povol: #b9a8dc; --o-posl: #d8b56e;
  --vista-shade: linear-gradient(180deg, rgba(20,16,12,.15) 0%, rgba(20,16,12,.55) 55%, var(--bg) 100%);

  --f-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --f-text: "EB Garamond", "Garamond", "Georgia", serif;
  --fs-xs: 0.9375rem;   /* 15 px */
  --fs-s: 1rem;
  --fs-m: 1.125rem;     /* 18 px telo */
  --fs-l: 1.375rem;
  --fs-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.1rem);
  --fs-xxl: clamp(2rem, 1.4rem + 2.6vw, 3rem);

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;
  --r-1: 2px; --r-2: 6px;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
  --t-fast: 140ms; --t-med: 260ms;
  --tabs-h: 64px;
  --maxw: 760px;
}
:root[data-theme="pergamen"] {
  color-scheme: light;
  --bg: #e8ddc6; --panel: #f2e9d6; --panel-2: #e4d6ba; --line: #c2aa80;
  --gold: #7a5a1e; --gold-hi: #5a410f; --gold-lo: #a88b55;
  --text: #2a2016; --muted: #5d4c37; --ember: #9a2e24; --ember-bg: #f0d6cf; --sage: #46684d;
  --a-int: #34587f; --a-sil: #8c4a1c; --a-cha: #7d3f70; --a-duch: #3f6a3c; --a-disc: #7a5a1e; --o-telo: #8c4a1c; --o-mysel: #34587f; --o-vztahy: #7d3f70; --o-duch: #3f6a3c; --o-povol: #5a4790; --o-posl: #7a5a1e;
  --vista-shade: linear-gradient(180deg, rgba(20,16,12,.1) 0%, rgba(20,16,12,.55) 60%, rgba(20,16,12,.85) 100%);
  --shadow: 0 10px 30px rgba(60,40,10,.25);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="auto"] {
    color-scheme: light;
    --bg: #e8ddc6; --panel: #f2e9d6; --panel-2: #e4d6ba; --line: #c2aa80;
    --gold: #7a5a1e; --gold-hi: #5a410f; --gold-lo: #a88b55;
    --text: #2a2016; --muted: #5d4c37; --ember: #9a2e24; --ember-bg: #f0d6cf; --sage: #46684d;
    --a-int: #34587f; --a-sil: #8c4a1c; --a-cha: #7d3f70; --a-duch: #3f6a3c; --a-disc: #7a5a1e; --o-telo: #8c4a1c; --o-mysel: #34587f; --o-vztahy: #7d3f70; --o-duch: #3f6a3c; --o-povol: #5a4790; --o-posl: #7a5a1e;
    --vista-shade: linear-gradient(180deg, rgba(20,16,12,.1) 0%, rgba(20,16,12,.55) 60%, rgba(20,16,12,.85) 100%);
    --shadow: 0 10px 30px rgba(60,40,10,.25);
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="pergamen"]) { color-scheme: dark; }
}
:root[data-theme="dark"] { color-scheme: dark; }