/* ── Platforma Linda — dílenská vrstva ──────────────────────────────────────
   Interní nástroj (Django + HTMX), ne marketingový web. Barvy, písma a tvary
   z brandu 1 : 1; rozměrová stupnice sevřená, protože Linda zobrazuje tabulky
   o stovkách řádků. Doslovné převzetí webové stupnice by zvětšilo řádek tabulky
   z ~27 na ~34 px — o čtvrtinu méně dat na jedno posunutí obrazovky.

   Zdroj rozhodnutí: docs/vizual-brand-podklad.md §5 v ondrejsivera/platforma-Linda.
   Barva a písmo dělají značku, velikosti dělají použitelnost. */
:root{
  /* ── Sedm proměnných pláště ──
     Přesně ty, na kterých dnes visí 2 190 odkazů var(--…) v 163 šablonách.
     Přepnutí těchto hodnot přebarví drtivou většinu platformy naráz. */
  --pl-bg: var(--bm-neutral-50);          /* #F4F6F6 — dřív #fafaf7 */
  --pl-panel: var(--bm-white);            /* #FFFFFF — dřív #ffffff */
  --pl-border: var(--bm-neutral-200);     /* #DCE1E1 — dřív #e8e6df */
  --pl-text: var(--bm-ink);               /* #333333 — dřív #2b2a27 */
  --pl-muted: #6B7272;                    /* tlumený text — viz poznámka níže */
  --pl-accent: var(--bm-turquoise-700);   /* #028F9B — dřív #185fa5 · text, odkazy, aktivní položka */
  --pl-accent-bg: var(--bm-turquoise-50); /* #EDFDFD — dřív #e6f1fb · tónované plochy */
  /* --pl-muted NENÍ --bm-neutral-500. Webových #767D7D na bílé dává 4,20 : 1,
     což u 11–12px textu (hlavičky tabulek, popisky polí, sekundární sloupce)
     normu nesplňuje. #6B7272 drží 4,84 : 1 a od brandového odstínu se liší
     tak, že to vedle sebe nepoznáš. Web tuhle barvu na tak malý text nepoužívá,
     proto to na bmedic.cz nevadí; v dílenské hustotě vadí. */
  /* Osmá, nová: firemní tyrkys se musí rozdělit na dva. #26C5CC má na bílé
     kontrast ~2 : 1 — jako výplň výborný, jako barva textu nečitelný. */
  --pl-accent-fill: var(--bm-turquoise-500); /* #26C5CC — výplně tlačítek a odznaků */
  --pl-accent-fill-hover: var(--bm-turquoise-600);
  --pl-accent-fill-active: var(--bm-turquoise-700);
  /* Barva textu NA tyrkysové výplni. Bílá na #26C5CC má kontrast ~2 : 1
     (caveat z ui_kits/platforma/README.md — na webu to tak je dodnes) a nápisy
     v tlačítkách nebyly čitelné. ROZHODNUTO (srpen 2026): tmavý inkoust i ve
     světlém režimu, stejně jako v tmavém — kontrast ~7 : 1. Bílou na výplni
     drží jen béžový (výplň #07757F, 5,4 : 1) a původní režim (modrá). */
  --pl-on-accent-fill: #10292B;

  /* ── Stavové barvy ──
     Dnešních ~570 výskytů odstínů typu #a32d2d / #1a7a3f / #8a5a00 má v brandu
     přímý protějšek. Mechanická náhrada podle tabulky. */
  --pl-danger: var(--bm-danger);          /* #D6453F — dřív #a32d2d, #a32020 */
  --pl-danger-bg: var(--bm-danger-bg);    /* #FBEAE9 — dřív #fceaea, #fdecea */
  --pl-success: var(--bm-success);        /* #2E9E6B — dřív #1a7a3f */
  --pl-success-bg: var(--bm-success-bg);  /* #E8F6EF — dřív #e6f7ed, #e6f4ea */
  --pl-warning: #8A5F04;                  /* text — dřív #8a5a00 */
  --pl-warning-fill: var(--bm-warning);   /* #E8A317 */
  --pl-warning-bg: var(--bm-warning-bg);  /* #FDF4E1 — dřív #fff3e0, #fff7e6 */
  /* Okraje hlášek — dřív zadrátované v šablonách. */
  --pl-danger-border: #F2C4C2;
  --pl-success-border: #BCE3D0;
  --pl-warning-border: #F3DFAE;
  --pl-info-border: var(--bm-turquoise-200);

  /* ── Dílenská stupnice ──
     Sloupec „Návrh pro platformu" z §5. Vedle brandové webové hodnoty. */
  --pl-font-size: 14.5px;      /* web 16px · dnes 14px */
  --pl-line-height: 1.45;      /* web 1.65 · dnes 1.50 */
  --pl-font-sm: 13px;
  --pl-font-xs: 12px;
  --pl-font-2xs: 11px;
  --pl-h1: 20px;
  --pl-h2: 16px;

  --pl-control-h: 32px;        /* web 44px · dnes 30px */
  --pl-control-h-sm: 26px;
  --pl-radius-card: 12px;      /* web 16px · dnes 14px */
  --pl-radius-control: 8px;    /* řádkové akce; hlavní akce = pilulka */
  --pl-radius-input: 8px;
  --pl-radius-badge: 6px;

  --pl-section-y: 22px;        /* web 80px */
  --pl-panel-pad: 16px;
  --pl-cell-y: 6px;            /* svislé odsazení v buňce tabulky */
  --pl-cell-x: 9px;
  --pl-gap: 12px;

  --pl-sidebar-w: 220px;
  --pl-topnav-h: 52px;
  --pl-content-max: 1000px;

  /* Stíny tyrkysově tónované, ne šedé — jinak stejná logika jako v brandu. */
  --pl-shadow-card: 0 1px 2px rgba(2,143,155,.06);
  --pl-shadow-hover: 0 2px 8px rgba(2,143,155,.10);
  --pl-shadow-pop: 0 8px 24px rgba(2,143,155,.16);
  --pl-ring: 0 0 0 3px rgba(38,197,204,.30);

  /* ── Barvy předmětů — vědomá výjimka ──
     Brand říká, že tyrkysová je jediná barevná barva a kategorie se barvami
     nerozlišují. V rozvrhu ale podbarvení předmětů drží čitelnost mřížky
     a náhledu lekcí, a proto patří do systému, ne do jedné šablony.
     Používat VÝHRADNĚ jako podklad řádku/dlaždice v rozvrhu — nikdy pro text,
     tlačítka, odznaky ani cokoliv mimo modul Rozvrh. */
  --pl-subj-fyzika: #E6F0FB;
  --pl-subj-chemie: #E9F7EE;
  --pl-subj-biologie: #FBF3CF;
  --pl-subj-numericko: #E7ECF3;   /* VŠP Numericko-anal. / TSP */
  --pl-subj-tsp: #E7ECF3;
  --pl-subj-kriticke: #FDEEDE;    /* VŠP Kritické */
  --pl-subj-psychologie: #F1E9FB; /* Edulio */
}

/* ── Béžový režim (warm) ─────────────────────────────────────────────────────
   Třetí sada těch samých proměnných. Vznikla na přání: dlouhé hodiny nad
   tabulkami na čistě bílém panelu pálí, protože bílá odráží celé spektrum
   naplno. Teplý papír (žlutý podtón, jasnost ~95 % místo 100 %) sníží
   odrazivost, aniž by ubral kontrast textu — proto ho mají čtečky, editory
   a proto ho má i rozhraní Claude, ze kterého je barevnost převzatá.

   Co se NEMĚNÍ: rozměrová stupnice, tvary, tyrkys jako jediná barevná barva.
   Tyrkys je ale ztmavený (#07757F/#026A73 místo #26C5CC/#028F9B) — na krémovém
   podkladu je světlejší ramp neonový a nečitelný, kdežto tmavý tyrkys na
   teplém papíru je klasická a klidná kombinace.

   Vedlejší efekt, který stojí za zmínku: bílý text na #07757F drží 5,4 : 1,
   takže tenhle režim jako jediný ze tří nemá caveat s kontrastem na výplni.

     <body class="pl{% if user.theme == 'warm' %} is-warm{% endif %}">          */
.pl.is-warm{
  /* Sedm proměnných pláště — teplá sada. Panel je světlejší než pozadí jako
     ve světlém režimu, jen o krém teplejší; čistá bílá se nepoužije nikde. */
  --pl-bg: #EFEBE1;
  --pl-panel: #FAF8F3;
  --pl-border: #DED6C9;
  --pl-text: #2C2823;                    /* teplý inkoust, 13,9 : 1 na panelu */
  --pl-muted: #6E665A;                   /* 5,2 : 1 na panelu — stejná logika jako u světlé sady */
  --pl-accent: #026A73;                  /* text a odkazy — 5,7 : 1 na panelu */
  --pl-accent-bg: #E3EDEA;               /* tónovaná plocha, teple podložená */
  --pl-accent-fill: #07757F;             /* výplně — bílý text drží 5,4 : 1 */
  --pl-accent-fill-hover: #06646D;
  --pl-accent-fill-active: #054F57;
  --pl-on-accent-fill: #FFFFFF;

  /* Stavové barvy stažené do teplé palety: sytá červená a zelená na krému
     křičí, protože jim chybí společný podtón s podkladem. */
  --pl-danger: #B4402F;
  --pl-danger-bg: #F7E7E1;
  --pl-danger-border: #E7C6B9;
  --pl-success: #2B7551;                 /* 4,6 : 1 na --pl-success-bg */
  --pl-success-bg: #E8F1E6;
  --pl-success-border: #C6DCC4;
  --pl-warning: #8A5F04;
  --pl-warning-fill: #D9971A;
  --pl-warning-bg: #F7EBD3;
  --pl-warning-border: #E9D5A9;
  --pl-info-border: #BBD9D8;

  /* Stíny hnědě tónované — tyrkysový závoj by na krému vypadal špinavě. */
  --pl-shadow-card: 0 1px 2px rgba(82,64,42,.07);
  --pl-shadow-hover: 0 2px 8px rgba(82,64,42,.12);
  --pl-shadow-pop: 0 8px 24px rgba(82,64,42,.18);
  --pl-ring: 0 0 0 3px rgba(7,117,127,.28);

  /* Barvy předmětů: stejné pořadí a rozlišitelnost, jen odsazené do teplé
     řady — modrý a zelený pastel ze světlé sady na krému vyloženě září. */
  --pl-subj-fyzika: #E4E9F2;
  --pl-subj-chemie: #E6F0E3;
  --pl-subj-biologie: #F6EFD2;
  --pl-subj-numericko: #E9E5DC;
  --pl-subj-tsp: #E9E5DC;
  --pl-subj-kriticke: #F7E7D6;
  --pl-subj-psychologie: #ECE5F1;
}

/* ── Původní vzhled (orig) ───────────────────────────────────────────────────
   Čtvrtá sada: hodnoty 1 : 1 ze shell/templates/shell/base.html — pro
   srovnání s dneškem a pro nasazení, kde se identita zatím měnit nemá.
   Jako jediná sada přepíná i písmo (systémový stack místo brandových fontů)
   a poloměr karty (14px) — cíl je nerozeznatelnost od dnešní aplikace.
   Všechna tlačítka a aktivní prvky tu mají JEDNU modrou #185fa5 (btn-pri,
   .navlink.active, .tab.active i .wf-num v šablonách sdílejí --accent). */
.pl.is-orig{
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --pl-bg: #fafaf7;
  --pl-panel: #ffffff;
  --pl-border: #e8e6df;
  --pl-text: #2b2a27;
  --pl-muted: #73726c;
  --pl-accent: #185fa5;
  --pl-accent-bg: #e6f1fb;
  --pl-accent-fill: #185fa5;              /* výplně = táž modrá jako text a odkazy */
  --pl-accent-fill-hover: #134d86;
  --pl-accent-fill-active: #0f3e6c;
  --pl-on-accent-fill: #ffffff;
  --pl-danger: #a32d2d;
  --pl-danger-bg: #fceaea;
  --pl-danger-border: #e5b8b8;
  --pl-success: #1a7a3f;
  --pl-success-bg: #e6f7ed;
  --pl-success-border: #cdeeda;
  --pl-warning: #8a5a00;
  --pl-warning-fill: #c98a00;
  --pl-warning-bg: #fff3e0;
  --pl-warning-border: #f0d49a;
  --pl-info-border: #bcd8f5;
  --pl-font-size: 14px;                   /* dnešní stupnice, ne dílenská 14,5 */
  --pl-line-height: 1.5;
  --pl-radius-card: 14px;
  --pl-shadow-card: none;                 /* karty dnes stín nemají, jen hover */
  --pl-shadow-hover: 0 2px 8px rgba(24,95,165,.08);
  --pl-shadow-pop: 0 8px 28px rgba(0,0,0,.14);
  --pl-ring: 0 0 0 3px rgba(24,95,165,.25);
  /* Barvy předmětů beze změny — světlá sada je z repozitáře převzatá 1 : 1. */
}

/* ── Tmavý režim ─────────────────────────────────────────────────────────────
   Přepíná se JEN barva, ne rozměry — dílenská stupnice je stejná v obou
   režimech. Díky tomu, že na sedmi proměnných pláště visí 2 190 odkazů,
   je tmavý režim jen druhá sada hodnot; žádná šablona se nemění.

   V Djangu nasaď třídu podle uživatelské volby:
     <body class="pl{% if user.dark_mode %} is-dark{% endif %}">

   Kdybys chtěl místo volby respektovat systém, obal blok do
   @media (prefers-color-scheme: dark) a cíl změň na :root. Tady to schválně
   NENÍ — jinak by se náhledový kit přepnul do tmy podle nastavení počítače
   toho, kdo ho zrovna otevřel, a přepínač Světlý/Tmavý by přestal fungovat. */
.pl.is-dark{
  /* Sedm proměnných pláště — tmavá sada.
     Plocha je světlejší než pozadí (opačně než ve světlém režimu): panel se pak
     zvedá i bez stínu, který na tmavém podkladu není vidět. */
  --pl-bg: #171A1A;
  --pl-panel: #212525;
  --pl-border: #333A3A;
  --pl-text: #E7EBEB;
  /* Tlumený text musí splnit normu na NEJSVĚTLEJŠÍM podkladu, na kterém se
     objeví — ne jen na panelu. Závoje předmětů jsou průhledné, takže se skládají
     světlejší než panel (biologie vychází na rgb(66,62,42)) a #949C9C tam padalo
     na 3,84 : 1. #ADB5B5 drží 5,1 : 1 na nejhorším závoji a 7,4 : 1 na panelu.
     Na tomto tokenu visí i .pl-table th a .pl-field > label. */
  --pl-muted: #ADB5B5;
  /* Text a odkazy: #028F9B je na tmavém podkladu nečitelný, bere se ramp 300. */
  --pl-accent: var(--bm-turquoise-300);   /* #8FE1E5 */
  --pl-accent-bg: rgba(38,197,204,.13);   /* tónovaná plocha — průhledná, aby se vrstvila */
  --pl-accent-fill: var(--bm-turquoise-500);
  --pl-accent-fill-hover: var(--bm-turquoise-400);  /* na tmavém se hover ZESVĚTLUJE */
  --pl-accent-fill-active: var(--bm-turquoise-600);
  --pl-on-accent-fill: #10292B;           /* tmavý inkoust na tyrkysu — kontrast ~7 : 1 */

  /* Stavové barvy: popředí zesvětlené, plochy jako průhledný závoj. */
  --pl-danger: #F0918C;
  --pl-danger-bg: rgba(214,69,63,.17);
  --pl-danger-border: rgba(214,69,63,.42);
  --pl-success: #63C89A;
  --pl-success-bg: rgba(46,158,107,.17);
  --pl-success-border: rgba(46,158,107,.42);
  --pl-warning: #E5B458;
  --pl-warning-fill: var(--bm-warning);
  --pl-warning-bg: rgba(232,163,23,.15);
  --pl-warning-border: rgba(232,163,23,.40);
  --pl-info-border: rgba(38,197,204,.38);

  /* Stíny: tyrkysový závoj na tmavém podkladu nedělá nic, hloubku dělá čerň. */
  --pl-shadow-card: 0 1px 2px rgba(0,0,0,.34);
  --pl-shadow-hover: 0 2px 10px rgba(0,0,0,.44);
  --pl-shadow-pop: 0 10px 28px rgba(0,0,0,.55);
  --pl-ring: 0 0 0 3px rgba(38,197,204,.42);

  /* Barvy předmětů: světlé pastely by na tmavém podkladu svítily a text na nich
     by zmizel. Stejné odstíny, ale jako průhledný závoj přes panel — pořadí
     a rozlišitelnost předmětů zůstává, čitelnost textu taky. */
  --pl-subj-fyzika: rgba(96,156,224,.20);
  --pl-subj-chemie: rgba(72,182,124,.18);
  --pl-subj-biologie: rgba(214,178,64,.18);
  --pl-subj-numericko: rgba(142,162,192,.18);
  --pl-subj-tsp: rgba(142,162,192,.18);
  --pl-subj-kriticke: rgba(226,150,82,.18);
  --pl-subj-psychologie: rgba(172,132,222,.20);
}