/* Tokeny systemu wizualnego z design/BRIEF-ONE.md. Jedno źródło kolorów, krojów i promieni.
   Rozmiary tekstu w rem: aplikacja rośnie razem z ustawieniem dużego tekstu (do 200%). */
:root {
  --bg: #F5F6F8;
  --card: #FFFFFF;
  --line: #DDE1E7;
  --line-soft: #ECEFF3;
  --line-btn: #CDD3DB;
  --line-dash: #AEB6C1;
  --text: #0F1B2D;
  --text-2: #475467;
  --primary: #D4213D;
  --primary-hover: #A8172F;
  --primary-soft: #FDECEE;
  --on-primary-soft: #9B1830;
  --primary-tint: #FFF7F8;
  --on-primary: #FFFFFF;
  --accent: #0B2D5B;
  --accent-soft: #E7EEF8;
  --flag-white: #FFFFFF;
  --flag-red: #D4213D;
  --ok: #157F3B;
  --ok-bg: #E6F4EA;
  --ok-text: #0F5F2B;
  --warn: #F5A524;
  --warn-bg: #FFF4DE;
  --warn-text: #8A4B05;
  --error: #B42318;
  --error-bg: #FBE9E7;
  --error-text: #9E1F16;
  --neutral-bg: #E9EDF2;
  --neutral-text: #344054;
  --avatar-bg: #0B2D5B;
  --avatar-text: #FFFFFF;
  --focus: #0B2D5B;

  --font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --radius-card: 18px;
  --radius-pill: 22px;
  --radius-small: 12px;
  --target: 44px;
  --target-senior: 68px;

  --phone-w: 390px;
  --phone-h: 844px;
}

/* Tryb seniora „Przy stole” (ekrany Haliny): czarno-żółty, Atkinson Hyperlegible, tekst 22–40 px, przyciski >= 68 px. */
[data-theme="senior"] {
  --bg: #0B0B0B;
  --card: #1A1A1A;
  --line: #3A3A3A;
  --line-soft: #3A3A3A;
  --line-btn: #5A5A5A;
  --text: #FFFFFF;
  --text-2: #D4D4D4;
  --primary: #FFD60A;
  --primary-hover: #FFE45C;
  --primary-soft: #3A3A3A;
  --primary-tint: #1A1A1A;
  --on-primary-soft: #FFFFFF;
  --on-primary: #0B0B0B;
  --avatar-bg: #FFD60A;
  --avatar-text: #0B0B0B;
  --focus: #FFD60A;
  --font: 'Atkinson Hyperlegible', system-ui, sans-serif;
  --target: 68px;
}