/* ========================================================
   WYCENNIK BUDOWLANY — Design Tokens v2 (elegancki)
   CSS Custom Properties — źródło prawdy dla całego motywu
   ======================================================== */

:root {
  /* ---- Palette: przygaszona, ciepła ---- */
  --ink:    #1C2A33;
  --ink-2:  #3E4A54;
  --muted:  #7A736B;
  --terra:  #B24A18;
  --line:   #E4E0DA;
  --paper:  #FFFFFF;
  --sand:   #F7F5F2;

  /* ---- Semantic aliases ---- */
  --color-text:        var(--ink);
  --color-heading:     var(--ink);
  --color-link:        var(--ink);
  --color-link-hover:  var(--terra);
  --color-cta-bg:      var(--terra);
  --color-cta-text:    #FFFFFF;
  --color-badge:       var(--muted);
  --color-border:      var(--line);
  --color-card-bg:     var(--paper);
  --color-hero-bg:     var(--sand);
  --color-dark-panel:  var(--ink);
  --color-dark-text:   #FFFFFF;
  --color-section-bg:  var(--sand);
  --color-trend-up:    var(--terra);
  --color-trend-down:  #4E7A5E;

  /* ---- Typography ---- */
  --font-heading:      'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:         'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold:   700;
  --font-weight-black:  800;
  --font-size-xs:      0.6875rem; /* 11px */
  --font-size-sm:      0.78125rem; /* 12.5px */
  --font-size-base:    1rem;      /* 16px */
  --font-size-lg:      1.125rem;  /* 18px */
  --font-size-xl:      1.3125rem; /* 21px */
  --font-size-2xl:     1.5rem;    /* 24px */
  --font-size-3xl:     2rem;      /* 32px */
  --font-size-4xl:     2.375rem;  /* 38px */
  --font-size-5xl:     2.5rem;    /* 40px */
  --line-height:       1.6;

  /* ---- Spacing ---- */
  --space-xs:  0.25rem;  /* 4px */
  --space-sm:  0.5rem;   /* 8px */
  --space-md:  1rem;     /* 16px */
  --space-lg:  1.5rem;   /* 24px */
  --space-xl:  2rem;     /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 5rem;     /* 80px — sekcje */

  /* ---- Layout ---- */
  --wrap-max-width: 1140px;
  --wrap-padding:   20px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 0; /* usunięte pigułki */

  /* ---- Shadows — tylko subtelne ---- */
  --shadow-none: none;
  --shadow-hairline: 0 0 0 1px var(--line);

  /* ---- Header ---- */
  --header-sticky-bg: var(--paper);
  --header-border:    1px solid var(--line);
  --header-padding-y: 22px;
  --header-gap:       28px;
  --header-logo-height: 56px;   /* desktop */
  --header-logo-height-mobile: 40px;

  /* ---- Nav ---- */
  --nav-font-size:    14px;
  --nav-font-weight:  500;
  --nav-gap:          22px;

  /* ---- CTA / Buttons ---- */
  --btn-padding:      10px 22px;
  --btn-radius:       2px;
  --btn-font-size:    14px;
  --btn-font-weight:  600;
  --btn-border:       1px solid var(--ink);
  --btn-bg:           transparent;
  --btn-color:        var(--ink);
  --btn-solid-bg:     var(--ink);
  --btn-solid-color:  #fff;

  /* ---- Cards — bez ramek, bez cieni, bez zaokrągleń ---- */
  --card-border:       none;
  --card-radius:       0;
  --card-padding:      var(--space-lg);
}