/* =========================================================================
   BeeMy.cz — brand CSS (přenositelný základ značky)
   -------------------------------------------------------------------------
   K čemu to je:
   Hotové barvy, fonty a základní styly (tlačítka, karty) k vložení do šablony
   webu (např. custom CSS v Upgates), aby web vypadal jako značka BeeMy —
   bez ručního opisování hexů. Templatista si třídy napasuje na konkrétní web.

   Fonty:
   - Nunito + Open Sans se tahají z Google Fonts (@import níže) — fungují samy.
   - Bariol je lokální: aby se načetl, nahraj i soubory ze složky `fonty/`
     a uprav cestu v @font-face podle toho, kam je na webu umístíš.

   Kontrast/přístupnost: hodnoty jsou vyladěné na WCAG AA. Světlé barvy
   (pastely, med) používej na plochy/štítky, ne na text. Detaily ve styleguidu.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&display=swap');

@font-face{ font-family:'Bariol'; src:url('fonty/Bariol_Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Bariol'; src:url('fonty/Bariol_Bold.otf')    format('opentype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:'Bariol'; src:url('fonty/Bariol_Light.otf')   format('opentype'); font-weight:300; font-style:normal; font-display:swap; }

/* --- Design tokeny (barvy, písmo, tvary) --- */
:root{
  /* Základní paleta */
  --beemy-cream:#FAF6F0;   /* Mandlová smetana – pozadí */
  --beemy-honey:#D9A05B;   /* Hřejivý med – akcent (grafika/výplně) */
  --beemy-slate:#3A3A3A;   /* Břidlicová šeď – text */
  --beemy-sage:#A3B19B;    /* Šalvějová zelená – hlavní tlačítka */
  --beemy-pink:#E7B7B0;    /* Holčičí růžová – plochy/štítky */
  --beemy-blue:#A9C5D3;    /* Klučičí modrá – plochy/štítky */

  /* Doplňkové / stavové odstíny */
  --beemy-honey-deep:#C6893F; /* med – hover/active */
  --beemy-sage-deep:#8FA085;  /* šalvěj – hover/active */
  --beemy-honey-text:#996423; /* med jako TEXT na smetaně (AA) */
  --beemy-pink-deep:#BF4B3A;  /* růžová jako text/ikona (AA) */
  --beemy-blue-deep:#48758C;  /* modrá jako text/ikona (AA) */
  --beemy-on-sage:#2E3A29;    /* text na šalvěji */
  --beemy-on-honey:#523716;   /* text na medu */
  --beemy-muted:#746E64;      /* ztlumený text (AA) */
  --beemy-line:#EAE1D5;       /* jemná linka */

  /* Tvary a stíny */
  --beemy-radius:16px;
  --beemy-radius-lg:24px;
  --beemy-shadow:0 12px 34px rgba(58,58,58,.07);
  --beemy-shadow-soft:0 6px 18px rgba(58,58,58,.06);

  /* Písmo */
  --beemy-font-head:'Bariol','Nunito',ui-rounded,system-ui,sans-serif;
  --beemy-font-body:'Open Sans','Nunito',system-ui,sans-serif;
}

/* --- Volitelný základ stránky (odkomentuj / napasuj podle webu) ---
body{ background:var(--beemy-cream); color:var(--beemy-slate);
      font-family:var(--beemy-font-body); line-height:1.65; }
h1,h2,h3{ font-family:var(--beemy-font-head); font-weight:700; color:var(--beemy-slate); }
--- */

/* Pomocné třídy pro písmo */
.beemy-title{ font-family:var(--beemy-font-head); font-weight:700; color:var(--beemy-slate); letter-spacing:-.01em; }
.beemy-muted{ color:var(--beemy-muted); }

/* --- Tlačítka --- */
.beemy-btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--beemy-font-head); font-weight:700; font-size:16px;
  border:none; border-radius:var(--beemy-radius); padding:14px 28px;
  cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.beemy-btn:focus-visible{ outline:3px solid rgba(217,160,91,.5); outline-offset:2px; }

/* Primární – šalvějová */
.beemy-btn--primary{ background:var(--beemy-sage); color:var(--beemy-on-sage); }
.beemy-btn--primary:hover{ background:var(--beemy-sage-deep); transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(143,160,133,.4); }
.beemy-btn--primary:active{ background:var(--beemy-sage-deep); transform:translateY(0);
  box-shadow:inset 0 3px 8px rgba(46,58,41,.25); }

/* Sekundární – medová */
.beemy-btn--secondary{ background:var(--beemy-honey); color:var(--beemy-on-honey); }
.beemy-btn--secondary:hover{ background:var(--beemy-honey-deep); transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(198,137,63,.4); }
.beemy-btn--secondary:active{ background:var(--beemy-honey-deep); transform:translateY(0);
  box-shadow:inset 0 3px 8px rgba(82,55,22,.25); }

/* Ghost / odkazové */
.beemy-btn--ghost{ background:transparent; color:var(--beemy-slate); border:1.5px solid var(--beemy-line); }
.beemy-btn--ghost:hover{ border-color:var(--beemy-sage); color:var(--beemy-sage-deep); }

.beemy-btn:disabled,.beemy-btn.is-disabled{ background:#E7E1D8; color:#B4AEA3;
  cursor:not-allowed; transform:none; box-shadow:none; }

/* --- Karta --- */
.beemy-card{ background:#fff; border:1px solid var(--beemy-line);
  border-radius:var(--beemy-radius); box-shadow:var(--beemy-shadow-soft); overflow:hidden; }

/* --- Štítek / tag --- */
.beemy-tag{ display:inline-block; font-family:var(--beemy-font-head); font-weight:700;
  font-size:12px; letter-spacing:.04em; padding:6px 12px; border-radius:999px;
  background:var(--beemy-sage); color:var(--beemy-on-sage); }

/* --- Cena --- */
.beemy-price{ font-family:var(--beemy-font-head); font-weight:700; font-size:24px;
  color:var(--beemy-slate); white-space:nowrap; }
.beemy-price__was{ font-size:13px; color:var(--beemy-muted); text-decoration:line-through; }