/* =========================================================================
   TOKENS — design tokens motywu Stylowe Garaże
   Zmiana brandu = edycja TYLKO tego pliku.
   ========================================================================= */

:root {
  /* --- Kolory marki --- */
  --accent:        #F5A623;
  --accent-dark:   #E8420A;
  --gradient:      linear-gradient(135deg, #F5A623 0%, #E8420A 100%);

  /* --- Skala szarości --- */
  --black:         #111111;
  --dark:          #1a1a1a;
  --g700:          #444444;
  --g500:          #666666;
  --g400:          #888888;
  --g300:          #999999;
  --g200:          #E5E5E5;
  --g100:          #F5F5F5;
  --white:         #FFFFFF;

  /* --- Typografia --- */
  --font-h:        'Alumni Sans', sans-serif;
  --font-b:        'Inter', sans-serif;

  --fs-h1:         clamp(52px, 6vw, 88px);
  --fs-h2:         clamp(48px, 4.5vw, 72px);
  --fs-h3:         44px;
  --fs-lead:       17px;
  --fs-body:       16px;
  --fs-small:      14px;
  --fs-label:      11px;

  /* --- Spacing --- */
  --space-section: 112px;
  --space-section-md: 80px;

  /* --- Container --- */
  --container-max: 1680px;
  --container-pad: 48px;
  --container-pad-md: 40px;
  --container-pad-sm: 20px;

  /* --- Header --- */
  --header-h: 76px;

  /* --- Radius --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 100px;

  /* --- Cienie --- */
  --shadow-sm:   0 2px 12px rgba(0,0,0,.07);
  --shadow-md:   0 8px 28px rgba(0,0,0,.12);
  --shadow-lg:   0 24px 56px rgba(0,0,0,.13);
  --shadow-cta:  0 8px 28px rgba(232,66,10,.35);
  --shadow-cta-hover: 0 14px 40px rgba(232,66,10,.5);

  /* --- Transitions --- */
  --t-fast: 200ms ease;
  --t-mid:  250ms ease;
  --t-slow: 400ms ease;
}