/**
 * @file tokens.css
 * Dizajnové premenné vytiahnuté 1:1 z D7 témy (Omega/Alpha global.css).
 * Nemeniť hodnoty bez porovnania s produkčným D7 webom.
 */

:root {
  /* --- Značka --------------------------------------------------------- */
  --dm-navy:            #0c1f51; /* pozadie hlavičky */
  --dm-navy-ink:        #051235; /* nadpisy */
  --dm-navy-card:       #283250; /* zadná strana flip karty */
  --dm-navy-card-foot:  #252e49; /* pás s odkazom na zadnej strane */

  --dm-teal:            #05b496; /* primárna akcia: odkazy, tlačidlá */
  --dm-orange:          #f57921; /* hover akcií */
  --dm-orange-alt:      #f47920; /* hover v hornom menu (D7 mal 2 odtiene) */
  --dm-blue:            #047bb5; /* pásy titulkov kariet, odrážky */
  --dm-yellow:          #ffd800; /* aktívne menu / taby */

  /* --- Menu ----------------------------------------------------------- */
  --dm-menu-bg:         #565b5f;
  --dm-menu-bg-hover:   #454a4e;
  --dm-menu-bg-open:    #9d9ea0;
  --dm-menu-sep:        #686d71;
  --dm-menu-row:        #e3e3e3;
  --dm-special-offer:   #1cb0e8;

  /* --- Plochy --------------------------------------------------------- */
  --dm-body-bg:         #faf9f7;
  --dm-topbar-bg:       #d5dbde;
  --dm-panel:           #f4f4f3; /* obsahový panel, pravý stĺpec produktu */
  --dm-panel-alt:       #efefef; /* htab panel */
  --dm-surface:         #fff;
  --dm-footer-top:      #d9d9d9;
  --dm-footer-bottom:   #565b60;

  /* --- Text ----------------------------------------------------------- */
  --dm-text:            #747576;
  --dm-text-strong:     #565b60;
  --dm-text-invert:     #fff;
  --dm-rule:            #d7d7d8;
  --dm-rule-alt:        #d9d9d8;

  /* --- Typografia ----------------------------------------------------- */
  /* OVERENÉ na produkcii (fontyourface/font.css prebíja Omega omega-text.css):
       h1–h6, .tb-megamenu .nav > li > a, hamburger ::after,
       li.horizontal-tab-button a, .responsified span.toggler → ColourSansBold
       p, div                                                 → Source Sans Pro 300
     ColourSansBold je LOKÁLNY font (@font-your-face), nie Google.
     Zdroj v D7: sites/default/files/fontyourface/local_fonts/ColourSansBold-normal-bold/
                 coloursansbold.ttf + coloursansbold.woff
     V D11 je nakopírovaný do témy: fonts/ (viď fonts.css). */
  --dm-font:         "Source Sans Pro", "Source Sans 3", Verdana, Helvetica, Arial, sans-serif;
  --dm-font-weight:  300;
  --dm-font-heading: "ColourSansBold", "Source Sans Pro", Arial, sans-serif;
  --dm-heading-tracking: -0.05em;

  --dm-font-size:   16px;
  --dm-line-height: 1.75;
  --dm-rhythm:      20px;   /* margin-bottom blokových prvkov (omega-text) */

  --dm-h1: 36px;
  --dm-h2: 30px;
  --dm-h3: 24px;
  --dm-h4: 18px;
  --dm-h5: 17px;
  --dm-h6: 15px;
  --dm-block-title: 18px;

  /* --- Tvarosloví ----------------------------------------------------- */
  /* Podpis značky: asymetrické zaoblenie (pravý horný + ľavý dolný roh). */
  --dm-radius-lg:  0 28px 0 28px;
  --dm-radius-sm:  0 14px 0 14px;
  --dm-radius-tl:  28px 0 0 0;   /* mega dropdown */
  --dm-radius-bl:  0 0 0 28px;   /* položka "Produkty" v menu */

  /* --- Layout --------------------------------------------------------- */
  /* Alpha alpha_default: narrow 720 / normal 940 / wide 1180 px. */
  --dm-container:        100%;
  --dm-gutter:           20px;
  --dm-section-gap:      30px;
  --dm-branding-min-h:   140px;
}

@media (min-width: 740px)  { :root { --dm-container:  720px; } }
@media (min-width: 980px)  { :root { --dm-container:  940px; } }
@media (min-width: 1220px) { :root { --dm-container: 1180px; } }