/* ==========================================================================
   BSG Digital Hub — hub-tokeny.css · JEDINÝ ZDROJ VZHĽADU (majiteľ 14. 10. 2026: „v tomto dizajne by som chcel
   všetky vizuály … nech to je všetko rovnaké“). Vzorom je domovská stránka Hubu (styles.css).

   Načítava ho KAŽDÁ stránka Hubu ako PRVÝ štýl: domov (index.html → potom styles.css), podstránky
   (→ podstranka.css → štýl modulu), kvízy, Bulletin, Kampane/Úlohy/Starostlivosť (cez tenké aliasy v ich
   tokens.css) a cez proxy aj Manuál MetLife. Súbor je verejný – nesmie obsahovať žiadne chránené údaje.

   PORIADOK
    1 písmo Poppins (lokálne, iba rez 400 – licencia v /assets/Poppins-LICENSE.txt)
    2 tokeny značky a domova (pevné hodnoty; styles.css ich používa bez zmeny)
    3 tokeny podstránok a modulov --hub-* (predvolené = Zlatá recepcia)
    4 Ambiente: html[data-ambiente=bsg|space|forest|retro] mení IBA HODNOTY tokenov – nikdy funkcie, oprávnenia,
      dáta ani význam ovládania (AGENTS.md). Voľbu nastavuje na domove ambiente.js, inde hub-tema.js
      (localStorage 'bsg.ambiente' → <html data-ambiente>).
    5 základ dokumentu (písmo 13 px, hrúbka 400, pozadie) – domov si pozadie a farbu prepíše v styles.css

   PRAVIDLÁ
   · písmo Poppins, Helvetica, sans-serif; základ 13 px, hrúbka VŽDY 400 (font-synthesis:none) – zvýraznenie farbou
   · #575962 iba na svetlých plochách; na tmavých svetlá alternatíva (kontrast ≥ 4,5 : 1, rámy ovládačov ≥ 3 : 1)
   · identita BSG: modrá #002f87, červená #d8292f, biela, sivá #575962; zlatá = schválená prémiová varianta
   · žiadne cudzie písma (Inter, Sora, Geist) ani tyrkysové akcenty
   ========================================================================== */

/* 1 ─ PÍSMO ---------------------------------------------------------------- */
@font-face{font-family:Poppins;src:url('/assets/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

/* 2 ─ TOKENY ZNAČKY A DOMOVA (prenesené zo styles.css §1 bez zmeny hodnôt) -- */
:root{
 --brand-font:Poppins,Helvetica,sans-serif;--brand-text:#575962;--brand-size:13px;--brand-weight:400;
 --brand-line:1.5;--brand-line-head:1.25;
 --bsg-blue:#002f87;--bsg-red:#d8292f;
 /* pevná zlatá značky – šablóny a exporty (slajdy, tlač), ktoré sa s Ambiente nemenia */
 --bsg-gold:#f3bd5b;
 /* stupnica veľkostí a rozostupov */
 --fs-1:13px;--fs-2:15px;--fs-3:18px;--fs-4:22px;--fs-5:28px;--fs-label:11px;--fs-small:12px;
 --ls-caps:.08em;--ls-title:-.02em;--ls-display:.2em;
 /* TMAVÉ plochy Hubu — texty */
 --text-strong:#fff8eb;--text:#ece8df;--text-muted:#baae9b;--text-dim:#9a9689;
 /* zlaté akcenty */
 --gold:#f3bd5b;--gold-soft:#f0dba6;--gold-deep:#c9a961;--gold-2:#926623;--gold-line:rgba(201,169,97,.3);
 /* rámy: --line dekoratívny (karty), --line-control rám ovládacieho prvku ≥ 3:1 na každej tmavej ploche */
 --line:#403522;--line-control:#7a6b4c;
 /* zlatý rám karty brány prihlásenia (aj verejné stránky a stránky servera – verejne.css) */
 --line-auth:#5c4425;
 /* tmavé plochy */
 --surface-0:#050608;--surface-1:#0b0d10;--surface-2:#0d0e11;--surface-3:#141518;--surface-4:#171719;--surface-input:#101114;
 /* SVETLÉ plochy — tlmený text ≥ 4,5:1 aj na Retro kréme, rám ovládacieho prvku ≥ 3:1 */
 --light-muted:#62656f;--light-line:#d6dce6;--light-line-control:#7f8ba3;
 /* prepínateľná vrstva Ambiente domova (prepisuje sekcia 4) */
 --ui-surface:#15171b;--ui-text:#ece8df;--ui-muted:#baae9b;--ui-border:#7a6b4c;--ui-accent:#dabb79;
 /* farba zvýraznenia <strong>/<b> na domove — svetlé plochy ju v sekcii 4 prepíšu na modrú */
 --emphasis:#f0dba6;
}

/* 3 ─ TOKENY PODSTRÁNOK A MODULOV (Zlatá recepcia = panel oddelenia na domove) -------------
   Domov (styles.css) ich nepoužíva, preto ich Ambiente smie meniť bez vplyvu na recepciu a bránu prihlásenia. */
:root{
 --hub-schema:dark;
 /* plochy: stránka ako panel oddelenia (#bsg-immersive .focus), karta ako dlaždica (.tool) */
 --hub-plocha:#0b0d10;
 --hub-plocha-svetlo:radial-gradient(ellipse at top right,#252015 0,transparent 55%);
 --hub-karta:linear-gradient(135deg,#25231e,#15171b);
 --hub-povrch:#15171b;      /* plná plocha: dialóg, riadok, okno */
 --hub-povrch-2:#141518;    /* vnorená plocha (detail, dokument) */
 --hub-povrch-3:#171719;    /* jemne odlíšená plocha (porovnanie, stĺpec) */
 --hub-pole:#0d0e11;        /* vstupné polia */
 /* texty */
 --hub-nadpis:#fff8eb;      /* h1 stránky */
 --hub-text-silny:#fff8eb;  /* názov karty, tlačidlo-pilulka */
 --hub-text:#ece8df;
 --hub-tlmeny:#baae9b;
 --hub-slaby:#9a9689;
 --hub-zvyraznenie:#f0dba6; /* <strong>/<b> – zvýraznenie farbou, nie hrúbkou */
 /* rámy */
 --hub-ciara:#403522;       /* dekoratívny (karty, oddeľovače) */
 --hub-ram:#7a6b4c;         /* ovládací prvok ≥ 3 : 1 */
 /* akcent: zlatá ikona, primárne tlačidlo, eyebrow a nadpisy sekcií (verzálky) */
 --hub-akcent:#f3bd5b;
 --hub-akcent-jemny:#f0dba6;
 --hub-akcent-tmavy:#c9a961;
 --hub-akcent-ram:#926623;  /* pilulka „Dafne“ */
 --hub-akcent-text:#1a1305; /* text na plnom akcente */
 --hub-akcent-plocha:rgba(243,189,91,.08);
 --hub-znacka:#d8292f;      /* červená linka značky BSG (dekor, nie text) */
 /* tlačidlá */
 --hub-tlacidlo:#201b13;    /* „← Nástroje oddelenia“ */
 --hub-tlacidlo-text:#f0dba6;
 --hub-pilulka:transparent; /* pilulka s rámom (← Recepcia, Do Hubu) */
 --hub-prepinac:#1b1915;    /* dok oddelení / prepínač nástrojov */
 --hub-prepinac-text:#f0dba6;
 --hub-prepinac-ram:#7a6b4c;
 --hub-prepinac-aktivny:#33291a;
 --hub-prepinac-aktivny-text:#f3bd5b;
 --hub-fokus:#f3bd5b;
 --hub-odkaz:#f3bd5b;
 /* stavové farby (význam, nie značka) */
 --hub-ok:#9fd8b6;--hub-ok-plocha:rgba(47,111,78,.22);--hub-ok-ram:rgba(159,216,182,.45);
 --hub-chyba:#ffb3b6;--hub-chyba-plocha:rgba(216,41,47,.16);--hub-chyba-ram:rgba(255,179,182,.45);
 --hub-varovanie:#f5c877;--hub-varovanie-plocha:rgba(245,166,35,.13);
 --hub-info:#8fb8ff;--hub-info-plocha:rgba(88,166,255,.15);
 /* tvar */
 --hub-zaoblenie:20px;      /* karta ako dlaždica Hubu */
 --hub-tien:0 14px 45px rgba(0,0,0,.35);
 /* logo: zlaté na tmavej stránke, modré BSG na svetlej (nikdy nedeformovať) */
 --hub-logo-zlate:block;--hub-logo-modre:none;
}

/* 4 ─ AMBIENTE — iba hodnoty tokenov ------------------------------------------------ */
/* BSG klasika: svetlá stránka, biele karty, modré akcenty (ako panel oddelenia na domove). */
html[data-ambiente=bsg]{
 --ui-surface:#fff;--ui-text:#575962;--ui-muted:var(--light-muted);--ui-border:var(--light-line-control);--ui-accent:#002f87;--emphasis:#002f87;
 --hub-schema:light;
 --hub-plocha:#f5f6f8;--hub-plocha-svetlo:linear-gradient(transparent,transparent);--hub-karta:#fff;
 --hub-povrch:#fff;--hub-povrch-2:#fff;--hub-povrch-3:#f8f9fb;--hub-pole:#fff;
 --hub-nadpis:#575962;--hub-text-silny:#002f87;--hub-text:#575962;--hub-tlmeny:#62656f;--hub-slaby:#62656f;--hub-zvyraznenie:#002f87;
 --hub-ciara:#d6dce6;--hub-ram:#7f8ba3;
 --hub-akcent:#002f87;--hub-akcent-jemny:#002f87;--hub-akcent-tmavy:#002f87;--hub-akcent-ram:#7f8ba3;--hub-akcent-text:#fff;--hub-akcent-plocha:#eef2f9;
 --hub-tlacidlo:#fff;--hub-tlacidlo-text:#002f87;--hub-pilulka:#fff;
 --hub-prepinac:#fff;--hub-prepinac-text:#002f87;--hub-prepinac-ram:#d6dce6;--hub-prepinac-aktivny:#eef2f9;--hub-prepinac-aktivny-text:#002f87;
 --hub-fokus:#002f87;--hub-odkaz:#002f87;
 --hub-ok:#1f7a45;--hub-ok-plocha:#e6f4ec;--hub-ok-ram:#8cc6a3;
 --hub-chyba:#b3161c;--hub-chyba-plocha:#fde8e9;--hub-chyba-ram:#e8a3a6;
 --hub-varovanie:#a85200;--hub-varovanie-plocha:#fff2e0;
 --hub-info:#002f87;--hub-info-plocha:#eef2f9;
 --hub-tien:0 10px 30px rgba(0,47,135,.06);
 --hub-logo-zlate:none;--hub-logo-modre:block;
}
/* Retro salón: krémová stránka a karty s malým zaoblením (ako panel na domove), modré akcenty. */
html[data-ambiente=retro]{
 --hub-schema:light;
 --hub-plocha:#ede3d3;--hub-plocha-svetlo:linear-gradient(transparent,transparent);--hub-karta:#fff9ee;
 --hub-povrch:#fff9ee;--hub-povrch-2:#fff9ee;--hub-povrch-3:#f6eedf;--hub-pole:#fffdf8;
 --hub-nadpis:#575962;--hub-text-silny:#002f87;--hub-text:#575962;--hub-tlmeny:#5a5d66;--hub-slaby:#5a5d66;--hub-zvyraznenie:#002f87;
 --hub-ciara:#d9c9ad;--hub-ram:#8f7849;
 --hub-akcent:#002f87;--hub-akcent-jemny:#002f87;--hub-akcent-tmavy:#002f87;--hub-akcent-ram:#8f7849;--hub-akcent-text:#fff;--hub-akcent-plocha:#f3ead9;
 --hub-tlacidlo:#fff9ee;--hub-tlacidlo-text:#002f87;--hub-pilulka:#fff9ee;
 --hub-prepinac:#eee2cd;--hub-prepinac-text:#002f87;--hub-prepinac-ram:#b99a66;--hub-prepinac-aktivny:#fff9ee;--hub-prepinac-aktivny-text:#002f87;
 --hub-fokus:#002f87;--hub-odkaz:#002f87;
 --hub-ok:#1d6b3e;--hub-ok-plocha:#e3f0e3;--hub-ok-ram:#8cc6a3;
 --hub-chyba:#a8141a;--hub-chyba-plocha:#fbe4e2;--hub-chyba-ram:#e0a09c;
 --hub-varovanie:#8f4600;--hub-varovanie-plocha:#fbead2;
 --hub-info:#002f87;--hub-info-plocha:#f3ead9;
 --hub-zaoblenie:4px;--hub-tien:0 10px 30px rgba(87,89,98,.08);
 --hub-logo-zlate:none;--hub-logo-modre:block;
}
/* Vesmír a Príroda: tmavomodrý / tmavozelený panel, karty ako dlaždice na domove, zlaté akcenty ostávajú. */
html[data-ambiente=space],html[data-ambiente=forest]{
 --ui-surface:#102039;--ui-text:#eef3fa;--ui-muted:#b9c7dc;--ui-border:#5f7ca8;--ui-accent:#92b9ef;--emphasis:#92b9ef;
 --hub-plocha:#071226;--hub-plocha-svetlo:linear-gradient(140deg,#071226,#132d59);--hub-karta:#14223a;
 --hub-povrch:#102039;--hub-povrch-2:#0e1c33;--hub-povrch-3:#13274a;--hub-pole:#0a1630;
 --hub-nadpis:#fff;--hub-text-silny:#fff;--hub-text:#eef3fa;--hub-tlmeny:#b9c7dc;--hub-slaby:#a9b9d1;--hub-zvyraznenie:#92b9ef;
 --text-dim:var(--hub-slaby); /* VIZUAL-05 (noc 18./19. 10. 2026): #9a9689 zlatej témy mal na modrom paneli 4,15–4,24 : 1, #a9b9d1 ~6 : 1 */
 --hub-ciara:#36537c;--hub-ram:#5f7ca8;
 --hub-akcent-ram:#c9a961;--hub-akcent-plocha:rgba(243,189,91,.1);
 --hub-pilulka:transparent;
 --hub-prepinac:#002f87;--hub-prepinac-text:#fff;--hub-prepinac-ram:#42649c;--hub-prepinac-aktivny:#0b3d9c;--hub-prepinac-aktivny-text:#f3bd5b;
}
html[data-ambiente=forest]{
 --hub-plocha:#0e1b1a;--hub-plocha-svetlo:linear-gradient(140deg,#0e1b1a,#192d28);
 --hub-povrch-2:#12221f;--hub-pole:#0b1615;
}

/* 5 ─ ZÁKLAD DOKUMENTU --------------------------------------------------------------
   Domov (styles.css) si pozadie, farbu a farebnú schému prepíše vlastnými pravidlami – vzhľad recepcie sa nemení. */
html{font:var(--brand-weight) var(--brand-size)/var(--brand-line) var(--brand-font);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:var(--hub-schema);background:var(--hub-plocha)}
body{margin:0;min-height:100vh;background:var(--hub-plocha-svetlo) fixed,var(--hub-plocha);color:var(--hub-text)}
h1,h2,h3,h4,h5,h6,strong,b,th,legend,summary,button,input,select,textarea{font-weight:var(--brand-weight)}
button,input,select,textarea{font-family:inherit}
[hidden]{display:none!important}
/* VIZUAL-06 (noc 18./19. 10. 2026): zástupný text polí mal predvolenú farbu prehliadača (#757575, na tmavom poli 3,9–4,2 : 1).
   Teraz slabý text Ambiente (--hub-slaby, v každom Ambiente ≥ 4,5 : 1 na poli); iba stránky Hubu s Ambiente. */
html[data-ambiente] ::placeholder{color:var(--hub-slaby);opacity:1}

/* 6 ─ SPOLOČNÉ OVLÁDAČE --------------------------------------------------------------
   VIZUAL-02 (noc 18./19. 10. 2026): tlačidlo diktovania mení text („🎙 Diktovať“ → „■ Zastaviť“ → „Prepisujem…“) a triedu
   (ghost → rec) – šírka aj výška preto skákali a posúvali susedov o 7–10 px (Marketing o 43 px). Najmenšia šírka = najdlhší
   stav (Poppins 400: „Prepisujem…“ 6,1 em, „■ Zastaviť diktovanie“ 10,2 em) + vodorovný okraj a rám tlačidla. */
:is(#pr-mic,#pd-mic,#dictate-brief,#c-dictate,#asist-mic,#strat-mic){min-width:calc(6.5em + 44px);justify-content:center;text-align:center}
[data-action=diktat]{min-width:calc(10.6em + 36px);justify-content:center;text-align:center}