/* =========================================================================
   Motiv „technický" — pro vědeckou a akademickou větev

   Nenahrazuje style.css, jen se za něj přidává. Stránka drží stejnou
   strukturu, rozvržení i komponenty jako /skoly — mění se barevná rodina
   a „hustota" prvků:

   1. Jedna barva místo čtyř. Akcentní tokeny míří všechny do modré, takže
      dlaždice, ikony i pásy přestanou svítit každý jinak. Jediný silný
      akcent zůstává na milníku dne konání.
   2. Podklady jsou chladné (modrá), ne mintové. Názvy tokenů zůstávají
      (--green-900 atd.), aby komponenty nemusely vědět, v jakém jsou motivu
      a aby se motiv dal kdykoli zahodit smazáním tohohle souboru.
   3. Míň stínu, tenčí linky, menší poloměry. Plochy drží tvar ohraničením,
      ne vrstvením stínů — odtud ten technický dojem.

   Co zůstává shodné se školní větví: písmo, mřížka, velikosti nadpisů,
   tvar tlačítek, rozestupy sekcí a chování komponent.

   Používá se společně s vrstvou .precise ve style.css (přesné tvary místo
   ručních). Nosí ho /konference (varianta B) i /akademicka-pracoviste.
   ========================================================================= */

/* ---------- 1. Tokeny ---------------------------------------------------- */

.theme-tech {
  --cream:      #fbfcfd;
  --ink:        #102f42;
  --ink-soft:   #4a6577;
  --ink-muted:  #7a93a4;
  --teal:       #1d5f86;

  --green-900:  #0c3b55;   /* plné plochy: tlačítka, zvýrazněný milník */
  --green-800:  #1d5f86;
  --green-700:  #17688f;   /* odkazy */
  --green-100:  #e3eef7;

  /* jedna rodina pro všechny akcenty — proto stejné hodnoty */
  --acc-green-bg:  #e7f0f8;  --acc-green:  #2c6d97;
  --acc-blue-bg:   #e7f0f8;  --acc-blue:   #2c6d97;
  --acc-purple-bg: #e7f0f8;  --acc-purple: #2c6d97;
  /* jediná výjimka: nese ji milník dne konání */
  --acc-pink-bg:   #d5e5f1;  --acc-pink:   #0c3b55;

  --bg-mint:    #f4f8fb;
  --band-green: #eaf2f8;
  /* Pás AI asistenta sousedí s pásem spolehlivosti. V jedné barevné rodině
     by splynuly, proto je o odstín světlejší — rozdíl má být znát, ale
     nemá to být druhá barva. */
  --band-lav:   #f2f7fb;

  --line:      #dbe6ee;
  --line-soft: #e9f0f5;

  --radius-sm:   8px;
  --radius:     12px;
  --radius-lg:  18px;
  --radius-band: 20px;

  --shadow-sm: 0 1px 2px rgba(16, 47, 66, .05);
  --shadow:    0 2px 6px rgba(16, 47, 66, .05), 0 8px 24px rgba(16, 47, 66, .05);
  --shadow-lg: 0 4px 12px rgba(16, 47, 66, .06), 0 18px 44px rgba(16, 47, 66, .07);
}

/* ---------- 2. Místa, kde barva není v tokenu ---------------------------- */

.theme-tech .site-header { background: rgba(251, 252, 253, .88); }
.theme-tech .btn:hover { background: #14506f; }
.theme-tech .field input:focus,
.theme-tech .field textarea:focus { box-shadow: 0 0 0 3px rgba(23, 104, 143, .15); }
.theme-tech .quote-card .qmark { color: #b4cde0; }
.theme-tech .carousel-dots button { background: #ccdcea; }
.theme-tech .mockup-hero::after {
  background: linear-gradient(105deg, rgba(10, 38, 55, .92) 30%, rgba(10, 38, 55, .45) 100%);
}

/* ---------- 3. Hustota a tvar -------------------------------------------- */

/* Štítek sekce: obrys a verzálky místo plné skvrny. Stejné místo i velikost
   jako na /skoly, jiná váha — tohle je hlavní nositel „technického" dojmu. */
.theme-tech .badge {
  background: none;
  border: 1px solid var(--line);
  color: var(--green-800);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 7px 15px;
}
.theme-tech .badge--lav { background: none; color: var(--green-800); }

/* Karty drží tvar linkou, ne stínem. Při najetí se mění ohraničení,
   nikam se nezvedají. */
.theme-tech .feature-card,
.theme-tech .fact,
.theme-tech .budget,
.theme-tech .ref-card,
.theme-tech .steps-note,
.theme-tech .quote-card { box-shadow: none; }
.theme-tech .ref-card:hover {
  transform: none;
  box-shadow: none;
  border-color: #b7cfe1;
}

/* Ikony u modulů: obrys místo výplně. Barevné plochy zůstávají jen tam,
   kde nesou význam — na ose a v ukázce chatu. */
.theme-tech .ico-tile {
  background: none;
  border: 1px solid var(--line);
  color: var(--green-800);
  border-radius: 10px;
}
.theme-tech .hero-usp .ico { background: none; border: 1px solid var(--line); color: var(--green-800); }
.theme-tech .ico-line { border-radius: 9px; }

/* Fotky a maketa: jemný stín, hairline obrys. */
.theme-tech .hero-photo { box-shadow: var(--shadow); }
.theme-tech .mockup { border: 1px solid var(--line-soft); }
.theme-tech .cta-photo { box-shadow: var(--shadow); }

/* ---------- 4. Časová osa ------------------------------------------------ */

/* Tenčí osa a menší značky. Den konání je jediné plné kolečko na stránce —
   nese akcent sám, takže kolem něj není potřeba žádná další barva. */
.theme-tech .timeline::before { background: var(--line); }
.theme-tech .tl-marker {
  width: 52px; height: 52px;
  background: var(--acc-blue-bg);
  color: var(--acc-blue);
  box-shadow: 0 0 0 7px var(--cream);
}
.theme-tech .tl-marker--pink { background: var(--green-900); color: #fff; }
@media (min-width: 1000px) {
  /* menší kolečko = jiná výška osy i odsazení konce */
  .theme-tech .timeline::before {
    top: 57px;
    left: 26px;
    right: calc((100% - 88px) / 5 - 26px);
  }
}

/* ---------- 5. Geometrická dekorace -------------------------------------- */

/* Tlustý prstenec vystřídá vlasová linka, plochy ztmavly jen o odstín.
   Dekorace má být cítit až na druhý pohled. */
.theme-tech .geo-ring { border-width: 1.5px; border-color: #cfe0ee; }
.theme-tech .geo-disc { background: #edf3f9; }
.theme-tech .geo-square { background: #e8f0f7; }
.theme-tech .geo-dots { color: #d3e3f1; }
.theme-tech .deco-conf-band-ring { border-color: #d7e6f1; }
.theme-tech .deco-conf-cta { background: #e0ebf4; }

/* ---------- 6. Drobnosti ------------------------------------------------- */

/* Doména u reference je technický údaj — verzálky a prostrkání ji odliší
   od běžného textu bez další barvy. */
.theme-tech .ref-url {
  font-size: .75rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.theme-tech .ref-tags li {
  background: none;
  border: 1px solid var(--line);
  color: var(--ink-muted);
  font-weight: 500;
}
.theme-tech .ref-thumb { letter-spacing: .12em; }
.theme-tech .chip-note { color: var(--green-800); box-shadow: var(--shadow-sm); }
.theme-tech .chip-note svg { color: var(--acc-blue); }