/* ==========================================================================
   MARS — Design Tokens | css/variables.css
   Zdroj: docs/mars-web-brief.md §3 (Dizajn systém)
   ========================================================================== */

:root {
  /* Farebná paleta — Smer A (Oceľová modrá) */
  --color-primary:       #185FA5;
  --color-primary-dark:  #0D1B2E;
  --color-primary-hover: #0D4A85;
  --color-primary-light: #E6F1FB;
  --color-bg:            #F8FAFD;
  --color-bg-secondary:  #EEF3F9;
  --color-accent:        #EF9F27;
  --color-text:          #0D1B2E;
  --color-text-muted:    #4A5A6E;
  --color-border:        #D4E0EE;
  --color-white:         #FFFFFF;

  /* Badge farby */
  --color-badge-green-bg:   #E1F5EE;
  --color-badge-green-text: #0F6E56;
  --color-badge-blue-bg:    #E6F1FB;
  --color-badge-blue-text:  #185FA5;
  --color-badge-amber-bg:   #FAEEDA;
  --color-badge-amber-text: #854F0B;

  /* Typografia */
  --font-sans:           'Inter', system-ui, -apple-system, sans-serif;
  --font-size-h1:        clamp(28px, 4vw, 48px);
  --font-size-h2:        clamp(22px, 3vw, 32px);
  --font-size-h3:        20px;
  --font-size-body:      16px;
  --font-size-small:     14px;
  --font-size-xs:        13px;
  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-bold:    600;
  --line-height:         1.6;

  /* Spacing & Layout */
  --container-max:       1200px;
  --section-padding:     80px 0;
  --section-padding-sm:  48px 0;
  --gap-sm:              8px;
  --gap-md:              16px;
  --gap-lg:              24px;
  --gap-xl:              32px;
  --gap-2xl:             48px;

  /* Border Radius */
  --radius-sm:           6px;
  --radius-md:           10px;
  --radius-lg:           16px;
  --radius-full:         20px;

  /* Shadows */
  --shadow-sm:           0 1px 3px rgba(13, 27, 46, 0.08);
  --shadow-md:           0 4px 16px rgba(13, 27, 46, 0.10);
  --shadow-lg:           0 8px 32px rgba(13, 27, 46, 0.12);

  /* Transitions */
  --transition-fast:     150ms ease;
  --transition-normal:   250ms ease;
  --transition-slow:     350ms ease;

  /* Nav */
  --nav-height:          72px;
}