/* kopie z brand/design-tokens.css, needituj ručně — zdroj pravdy je brand/design-tokens.css */

/* ============================================================
   DIGIview 2025 — design tokeny
   Zdroj pravdy: DigiOffice Design System v2.0
   (extrakce z DigiOffice_design_manual.html, schváleno Tomem 2026-06-15;
   převzato z brand spec v1: prj-digiview/notes/redesign-brand-2026-06-15.md)
   Strategie: SVĚTLÁ app + TMAVÝ kiosk ([data-theme="kiosk"])
   Stavy: STRIKTNĚ brand barvy — jen modrá/červená škála + neutrály.
   Žádná zelená, jantarová ani fialová.
   ============================================================ */

:root {
  /* --- Brand jádro (z manuálu) --- */
  --color-primary:      #006385;  /* petrolová modrá — CTA, H3, ikony, interakce */
  --color-primary-dark: #004f6b;  /* hover primárního CTA */
  --color-accent:       #BE1E2D;  /* firemní červená — urgentní, akcenty */
  --color-accent-dark:  #9e1825;  /* hover akcentového CTA */
  --color-link:         #007FA8;  /* odkazy, světlejší interakce */

  /* --- Brand interakční aliasy --- */
  --brand-primary:      var(--color-primary);
  --brand-primary-dark: var(--color-primary-dark);
  --brand-link:         var(--color-link);
  --brand-accent:       var(--color-accent);
  --brand-accent-dark:  var(--color-accent-dark);

  /* --- Tonální škály (odvozené z brand hue — stále „brand barvy") --- */
  --blue-700: #004f6b;  --blue-600: #006385;  --blue-500: #007FA8;
  --blue-300: #5fa3bd;  --blue-100: #e1edf2;  --blue-050: #f0f6f8;
  --red-700:  #9e1825;  --red-600:  #BE1E2D;  --red-300:  #d97883;
  --red-100:  #f7dde0;  --red-050:  #fcf0f1;

  /* --- Neutrály --- */
  --ink: #333333; --slate-600: #5b6b76; --slate-400: #8a99a3;
  --rule: #D9E2E7; --bg-light: #F5F7F8; --white: #FFFFFF;

  /* --- Plochy a text (light app) --- */
  --bg-app:        #F5F7F8;
  --bg-surface:    #FFFFFF;
  --bg-card:       #FFFFFF;
  --bg-inset:      #F5F7F8;
  --bg-modal:      #FFFFFF;
  --overlay-bg:    rgba(51,51,51,.45);
  --text-primary:  #333333;
  --text-secondary:#5b6b76;
  --text-muted:    #8a99a3;
  --text-bright:   #1f2a30;
  --border-subtle: #D9E2E7;
  --border-strong: #c2d0d8;
  --focus-ring:    rgba(0,99,133,.55);

  /* --- Stavová paleta (strict-brand; rozlišení i tvarem/intenzitou/ikonou) --- */
  --cat-open-accent:    var(--blue-600);   --cat-open-bg:    var(--blue-100);  --cat-open-border:    var(--blue-300);
  --cat-overdue-accent: var(--red-600);    --cat-overdue-bg: var(--red-100);   --cat-overdue-border: var(--red-600);
  --cat-risk-accent:    var(--red-300);    --cat-risk-bg:    var(--red-050);   --cat-risk-border:    var(--red-300);   /* outline styl */
  --cat-solved-accent:  var(--slate-600);  --cat-solved-bg:  var(--bg-light);  --cat-solved-border:  var(--rule);      /* ztlumeno + modré ✓ */
  --cat-neutral-accent: var(--slate-400);  --cat-neutral-bg: var(--bg-light);  --cat-neutral-border: var(--rule);

  /* --- Grafové série (Chart.js, strict-brand) --- */
  --chart-series-new:     var(--blue-600);   /* plná čára, kruhové markery */
  --chart-series-done:    var(--blue-300);   /* plná čára, čtvercové markery */
  --chart-series-net:     var(--ink);        /* čárkovaná, bez markerů */
  --chart-series-overdue: var(--red-600);    /* plná čára, trojúhelníkové markery */
  /* stacked „stáří": --blue-100 → --blue-700 gradient po stáří, 30+ dní = --red-600 */

  /* --- Typografie --- */
  --font-family-base: 'Calibri', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  /* kompaktovaná dashboard škála (brand marketing škála je pro data příliš velká) */
  --font-size-h1: 30px;   /* 700, barva --ink */
  --font-size-3xl: 19px;  /* sekce H2, 700 */
  --font-size-xl: 16px;   /* karta H3, 700, barva --brand-primary */
  --font-size-kpi: 28px;  /* KPI čísla, 700 */
  --font-size-base: 14px; /* body, line-height 1.5 */
  --font-size-sm: 12px;
  --font-size-xs: 11px;

  /* --- Radius / spacing / stíny (brand škála) --- */
  --radius-sm: 4px;
  --control-radius: 6px;
  --button-radius: 6px;
  --card-radius: 8px;
  --panel-radius: 8px;
  --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 64px;
  --container-max: 1200px;
  --shadow-card:       0 2px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);
  --shadow-card-hover: 0 8px 28px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  --shadow-modal:      0 18px 50px rgba(51,51,51,.35);
}

/* ============================================================
   TMAVÝ KIOSK / TV režim — stejné brand hue, dark surface,
   vyšší luminance akcentů (kontrast ≥ 4.5:1), větší typografie,
   žádné interaktivní prvky.
   ============================================================ */
[data-theme="kiosk"] {
  --bg-app:        #042330;   /* tmavá petrolová odvozená z #004f6b */
  --bg-surface:    #06303f;
  --bg-card:       #083a4c;
  --bg-inset:      #06303f;
  --text-primary:  #FFFFFF;
  --text-secondary:#bcd2db;
  --text-muted:    #93aeb8;   /* DV25-34 (v3): meta zesvětlené pro čitelnost z dálky na TV */
  --border-subtle: rgba(255,255,255,.14);
  --border-strong: rgba(255,255,255,.24);
  --blue-600:      #2ea7cc;   /* zesvětlená brand modrá pro kontrast */
  --red-600:       #ff5566;   /* zesvětlená brand červená */
  /* kiosk typografická škála */
  --font-size-kiosk-base: 18px;
  --font-size-kiosk-lg: 24px;
  --font-size-kiosk-xl: 32px;

  /* ============================================================
     DV25-34 — kiosk FINÁLNÍ vzhled v3 (borderless / petrol / bez glass).
     Schváleno Tom+Dan 2026-07-07. Kanonická předloha:
     AI-WORKSPACE prj-digiview-2025/outputs/DV25-34-refresh-v3.html.
     NAHRAZUJE frosted-glass tokeny DV25-30 (glass/scene/backdrop-filter zrušeny).
     Oddělení = 3 hladiny jasu (canvas → panel → karta) + mezera + JEDEN měkký
     stín; borderless (hairline --k-line jen kde fyzicky nutná). Warning/gauge/
     running/glass tokeny odstraněny — klid je default, signál jen výjimka.
     ============================================================ */

  /* --- 3 hladiny elevace (petrolejová) --- */
  --k-canvas: #04222e;                  /* pozadí scény (body/main) */
  --k-panel:  #0a3140;                  /* panel (header, sloupce boardu) */
  --k-card:   #123f4f;                  /* karta (tiket) */
  --k-line:   rgba(159,216,232,.08);    /* hairline JEN kde fyzicky nutná */
  --k-shadow: 0 8px 24px rgba(0,0,0,.28);
  --k-panel-radius: 12px;
  --k-card-radius: 9px;

  /* --- Timeline --- */
  --k-plan-line: rgba(79,191,224,.55);                /* plánová čára – beze změny (DV25-30) */
  --k-plan-line-reduced: rgba(143,169,180,.5);        /* řádek „zatím bez záznamu" */
  --k-done-box: #175a74;                              /* odpracovaný box (solid, v3 .done) */
  --k-now-line: #4fbfe0;                              /* now ryska + „TEĎ" pill – beze změny */

  /* --- Signální barvy (klid = default, silný signál jen výjimka) --- */
  --k-green: #37cc74;                   /* aktivní task – STATICKÁ zelená bez pulzu/glow (ADR-009) */
  --k-red:   #ff5566;                   /* overdue metrika / počet */
  --k-over1: #7a2733;                   /* overdue tiket – CELÁ buňka (gradient shora) */
  --k-over2: #5c1f2a;

  /* --- Akcent --- */
  --k-accent-bright: #4fbfe0;           /* ticker highlight, board summary label */
}