/* Trezor hesel ve vzhledu Blackies (bento jako blackies.cz, webmail, Mealie,
   vzdálená plocha). Vkládá ho nginx trezor-web.

   Webový trezor (Bitwarden) má barvy v CSS proměnných jako trojice RGB
   (`--color-primary-600: 18 82 163`) a používá je přes Tailwind
   (bg-primary-600, text-primary-600…). Stačí proto přepsat proměnné —
   nesahá se na třídy, takže to přežije upgrade. Písmo Inter už má vlastní.
   Modrá Bitwardenu → slate-900, měď jen jako doplněk. Nikdy tmavé. */

:root, .theme_light, body.theme_light {
  /* podklad a plochy */
  --color-background: 255 255 255;            /* bílé karty */
  --color-background-alt: 248 250 252;        /* slate-50 — podklad stránky */
  /* Pozor: `alt2` nekreslí horní lištu, ale **levý navigační panel**. Když
     sem přišla slate-900 (proti původní modré Bitwardenu), byl celý panel
     černý — proti pravidlu „nikdy tmavé“. Slate-100 jako postranní panely
     Bulwarku; text na něm musí zesvětlat s ním (--color-text-alt2 níž). */
  --color-background-alt2: 241 245 249;       /* slate-100 — levý panel */
  --color-background-alt3: 241 245 249;       /* slate-100 */
  --color-background-alt4: 226 232 240;       /* slate-200 */

  /* primární barva = slate-900 (tlačítka, odkazy, aktivní stavy) */
  --color-primary-100: 226 232 240;           /* slate-200 */
  --color-primary-300: 100 116 139;           /* slate-500 */
  --color-primary-600: 15 23 42;              /* slate-900 */
  --color-primary-700: 30 41 59;              /* slate-800 — hover */

  /* doplňková (rámečky, tiché texty) */
  --color-secondary-100: 241 245 249;
  --color-secondary-300: 203 213 225;
  --color-secondary-500: 100 116 139;
  --color-secondary-600: 71 85 105;
  --color-secondary-700: 51 65 85;

  --color-text-main: 15 23 42;
  --color-text-muted: 100 116 139;            /* slate-500 — slate-400 je na bílé nečitelné */
  --color-text-contrast: 255 255 255;
  --color-text-alt2: 15 23 42;                /* text v levém panelu — se světlým podkladem musí ztmavnout */

  /* Nové tokeny (tlačítka, odkazy, aktivní prvky) berou barvu z palety
     --color-brand-*; modrá #1252a3 → slate. Legacy --color-primary-* výš
     používají starší části trezoru. */
  --color-brand-050: #F8FAFC;
  --color-brand-100: #F1F5F9;
  --color-brand-200: #1E293B;   /* hover tlačítka (bg-brand-strong) */
  --color-brand-300: #CBD5E1;
  --color-brand-400: #0F172A;   /* plocha tlačítka ve světlém tématu */
  --color-brand-500: #334155;
  --color-brand-600: #1E293B;
  --color-brand-700: #0F172A;   /* plocha tlačítka (bg-brand) */
  --color-brand-800: #1E293B;   /* hover */
  --color-brand-900: #0F172A;
  --color-brand-950: #020617;

  /* měděný akcent Blackies jen na zvýraznění, ne na plochy */
  --color-info-100: 245 233 220;
  --color-info-700: 158 98 48;
}

/* Prohlížeč nesmí stránku ztmavit sám (Blackies je vždy světlé) */
:root { color-scheme: light only; }
@media (prefers-color-scheme: dark) {
  :root, .theme_light { color-scheme: light only; }
}