/* ============================================================
   KORPORÁTNÍ VIZUÁL ASTORIE — sdílený základ pro VŠECHNY appky
   ------------------------------------------------------------
   Tento soubor je SPOLEČNÝ ZÁKLAD značky ASTORIE. Patří do každé
   appky ASTORIE (HUB, ZZJ asistent, budoucí). Jednotlivé appky se
   smí lišit jen v doplňcích, NE v tomto základu.

   Použití: načíst PŘED app-specifickým CSS, ať se z těchto tokenů čerpá.
   Přehled značky (pro člověka): BRAND_ASTORIE.html
   ============================================================ */

:root {
  /* --- Barvy (POVINNÉ, neměnit) --- */
  --astorie-petrol:        #023D4B;  /* hlavní firemní (menu, nadpisy) */
  --astorie-petrol-2:      #0A5C66;  /* doplňková petrolejová */
  --astorie-orange:        #E94E1B;  /* akcent (tlačítka, zvýraznění) */
  --astorie-orange-2:      #F0612E;  /* světlejší oranžová (gradient) */
  --astorie-cream:         #F7F4EF;  /* jemné pozadí / karty */
  --astorie-bg:            #F7F6F3;  /* pozadí stránky */
  --astorie-ink:           #1d2b30;  /* základní text */
  --astorie-muted:         #637781;  /* tlumený text */
  --astorie-line:          rgba(0,0,0,.08);  /* jemné linky */
  --astorie-ok:            #2e7d32;  /* úspěch */
  --astorie-warn:          #b3261e;  /* upozornění */

  /* --- Typografie (POVINNÉ) --- */
  --astorie-font: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --astorie-radius: 10px;   /* základní zaoblení */

  /* --- Aliasy pro zpětnou kompatibilitu s HUBem (--petrol atd.) --- */
  --petrol: var(--astorie-petrol);
  --petrol2: var(--astorie-petrol-2);
  --orange: var(--astorie-orange);
  --cream: var(--astorie-cream);
}

/* --- Značkové texty (claim, výročí) jako proměnné k použití přes content ---
   Použití: <span class="astorie-claim"></span>  → vykreslí claim
            <span class="astorie-anniversary"></span> → „25 let“ */
:root {
  --astorie-claim: "S lehkostí světem financí";
  --astorie-anniversary: "25 let";
  --astorie-owner: "ASTORIE a.s.";
}
.astorie-claim::after        { content: var(--astorie-claim); }
.astorie-anniversary::after  { content: var(--astorie-anniversary); }
.astorie-owner::after        { content: var(--astorie-owner); }

/* --- Cesty k logu a značkovým prvkům (POVINNÉ assety) ---
   /static/brand/astorie-logo-color.png      logo barevné
   /static/brand/astorie-logo-white.png      logo bílé (na petrol pozadí)
   /static/brand/astorie-logo-25-color.png   logo + 25 let (barevné)
   /static/brand/astorie-logo-25-white.png   logo + 25 let (bílé)
   /static/brand/astorie-motyl-orange.svg    motýl oranžový
   /static/brand/astorie-motyl-white.svg     motýl bílý
   /static/brand/astorka-avatar.svg          avatar ASTORka (motýl se sluchátky)
*/

/* --- Pomocné značkové třídy (volitelné, sjednocují vzhled napříč appkami) --- */
.astorie-btn {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--astorie-orange); color:#fff; border:none;
  padding:10px 18px; border-radius:var(--astorie-radius);
  font-weight:700; cursor:pointer; text-decoration:none; transition:.15s;
}
.astorie-btn:hover { filter:brightness(1.06); }

.astorie-panel {
  background:#fff; border:1px solid var(--astorie-line);
  border-radius:14px; box-shadow:0 1px 2px rgba(2,61,75,.06);
}