/* Barvy, písma a zaoblení ze stylguidu návrhu design/app.pen. Sdílí je
   posluchačská část (listener.css) i výrobní konzole (console.css). */
:root {
  --bg: #F5F3EF;
  --surface: #FFFFFF;
  --surface-2: #ECE9E3;
  --border: #E4E0D8;
  --text: #1B1A18;
  --text-2: #6B675F;
  --text-3: #9C978E;
  --accent: #1B1A18;
  --on-accent: #FFFFFF;

  /* Výchozí stavy — teplejší, napjatější. */
  --stres: #E8684A;
  --zahlceni: #A070B8;
  --roztekanost: #E9A23B;
  --unava: #9A9389;
  --nervozita: #E58BA3;
  --nespavost: #525C9E;

  /* Cílové stavy — chladnější, usazenější. */
  --klid: #5FA79C;
  --uzemneni: #8C9A57;
  --soustredeni: #3F80BF;
  --energie: #F0BE3E;
  --sebejistota: #C98B55;
  --spanek: #33407D;
  /* Vlastní nahrávka bez známého výchozího stavu („Teď → cíl“). */
  --ted: #A6A29A;

  /* Chyba (pole, hláška, nepovedená nahrávka). Stejný tón jako --stres,
     ale jiný význam, proto vlastní token. */
  --danger: #E8684A;
  --danger-text: #C4513A;
  /* Text a ikony na barvě stavu (orb, panel, potvrzení). */
  --on-state: #FFFFFF;
  /* Okraj obrazovky na mobilu; posuvné řádky ho přesahují. */
  --gutter: 20px;

  --font-display: "Instrument Serif", Georgia, serif;
  --font-ui: "Instrument Sans", system-ui, sans-serif;
  --radius-card: 24px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #101114;
    --surface: #1A1B20;
    --surface-2: #24252B;
    --border: #2C2D34;
    --text: #F2F0EB;
    --text-2: #A29F98;
    --text-3: #6E6C67;
    --accent: #F2F0EB;
    --on-accent: #101114;
    --nespavost: #7380CC;
    --spanek: #6D7BD0;
  }
}