/* Design tokeny — styl „měkký moderní“. Komponenty berou barvy výhradně odsud. */
@font-face { font-family: "Lora"; src: url("/static/fonts/Lora.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/static/fonts/Inter.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --font-serif: "Lora", Georgia, serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-sans);

  --radius-s: 14px;
  --radius: 22px;
  --radius-l: 28px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --tap: 44px;
  --content-max: 720px;
  --nav-h: 68px;
  --shadow: 0 8px 24px rgb(60 30 40 / 0.07);
  --shadow-lg: 0 14px 34px rgb(60 30 40 / 0.12);

  --bg: #faf7f8;
  --bg-top: #fff2f5;
  --surface: #ffffff;
  --surface-2: #f3eef0;
  --text: #2b2226;
  --text-muted: #7a6d72;
  --border: #ece4e7;
  --focus: #3b6fd8;
  --danger: #b3261e; --danger-soft: #fbe9e7;
  --success: #2f6b4a;
  --warn-soft: #fff4dc; --warn-text: #6b4c00;
}

/* accent = deníková barva, practical = praktická (lékař, plán) */
[data-accent="apricot-olive"]{ --accent: #d98859; --accent-2: #f5c3a3; --accent-soft: #fdeadf; --accent-text: #7a3f18; --accent-contrast: #fff; --practical: #7f8f4c; --practical-2: #cfd9a3; --practical-soft: #eef1dc; --practical-text: #414d1c; --bg-top: #fff3ea; }

/* ---- tmavý režim ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #17131a; --bg-top: #221a22; --surface: #241d27; --surface-2: #302833; --text: #f3ecef; --text-muted: #b3a6ac; --border: #3b3240;
    --focus: #8ab0ff; --danger: #ff8a80; --danger-soft: #3c1f1d; --success: #8fd3a8; --warn-soft: #3a3020; --warn-text: #ffd98a;
    --shadow: 0 8px 24px rgb(0 0 0 / 0.35); --shadow-lg: 0 14px 34px rgb(0 0 0 / 0.45);
  }
  :root:not([data-theme="light"])[data-accent="apricot-olive"] { --accent: #e09a6f; --accent-2: #8a5535; --accent-soft: #3c2a1f; --accent-text: #f6d5bf; --practical: #9fb06a; --practical-2: #566034; --practical-soft: #2b3020; --practical-text: #dbe4c0; --bg-top: #2a1f18; }
}
:root[data-theme="dark"] {
  --bg: #17131a; --bg-top: #221a22; --surface: #241d27; --surface-2: #302833; --text: #f3ecef; --text-muted: #b3a6ac; --border: #3b3240;
  --focus: #8ab0ff; --danger: #ff8a80; --danger-soft: #3c1f1d; --success: #8fd3a8; --warn-soft: #3a3020; --warn-text: #ffd98a;
  --shadow: 0 8px 24px rgb(0 0 0 / 0.35); --shadow-lg: 0 14px 34px rgb(0 0 0 / 0.45);
}
:root[data-theme="dark"][data-accent="apricot-olive"] { --accent: #e09a6f; --accent-2: #8a5535; --accent-soft: #3c2a1f; --accent-text: #f6d5bf; --practical: #9fb06a; --practical-2: #566034; --practical-soft: #2b3020; --practical-text: #dbe4c0; --bg-top: #2a1f18; }

/* Plné tlačítko s bílým textem: kontrast aspoň 4,5 : 1 ve světlém i tmavém režimu. */
:root { --accent-strong: #a9592c; }