:root{
    --bg:#0f0f0f;                 /* základní pozadí (tělo stránky) – tmavé */
    --bg-soft:#1a1a1a;            /* měkčí tmavé pozadí (panely, boxy) */
    --text:#f0f0f0;               /* výchozí barva textu na tmavém pozadí */
    --muted:#b9c0c7;              /* utlumený text / sekundární popisky */
  
    --accent:#00bfff;             /* primární akcent (tlačítka, odkazy, brand) */
    --accent-600:#009dd9;         /* akcent při hoveru/aktivním stavu */
    --accent-200:rgba(0,191,255,.12); /* jemná výplň/pozadí prvků souvisejících s akcentem */
  
    --outline:rgba(0,191,255,.15);      /* decentní linky/rámečky (border-bottom, oddělovače) */
    --outline-strong:rgba(0,191,255,.35);/* výraznější rámeček (pilulky, zvýrazněné boxy) */
  
    --tile-shadow:0 0 15px rgba(0,191,255,.25); /* stín dlaždic v klidu */
    --tile-shadow-hover:0 0 25px rgba(0,191,255,.45); /* stín dlaždic při hoveru */
  
    --danger:#ff4c4c;             /* chybové/varovné prvky (odhlášení apod.) */
    --danger-700:#ff1a1a;         /* hover/aktivní varianta danger */
  
    --table-head-bg:#111827;      /* pozadí hlavičky tabulky */
    --table-head-fg:#0a84ff;      /* text/akcent v hlavičce tabulky */
  
    --field-border:#555;          /* okraj inputů / textarea */
    --field-bg:#1e1e1e;           /* pozadí inputů / textarea */
  }