/* ============================================================
   Kolory — Color tokens (paleta 2026: kobalt + burgund)
   Kobalt prowadzi, burgund dodaje premium,
   granat utrzymuje czytelność.
   ============================================================ */

:root {
  /* ---------- Brand palette (base) ---------- */
  --kobalt:            #003E96;  /* Kobalt — kolor główny: nagłówki, akcenty, CTA */
  --kobalt-jasny:      #6587BC;  /* Kobalt jasny — drugorzędny akcent, hover na tłach */
  --lodowy-blekit:     #F7F8FC;  /* Lodowy błękit — tło */
  --burgund:           #8C3B5A;  /* Burgund — akcent premium */
  --granat:            #2F415E;  /* Granat — tekst body */

  /* ---------- Brand palette (tints / shades) ---------- */
  --kobalt-800:        #002568;  /* najciemniejszy kobalt */
  --kobalt-700:        #00327E;  /* przyciemniony kobalt — hover / press */
  --kobalt-600:        #00327E;  /* alias — hover na przyciskach */
  --kobalt-100:        #D7E4F7;  /* delikatne wypełnienie / tło akcentu */
  --kobalt-050:        #EAF1FB;  /* najjaśniejszy kobaltowy welon */
  --burgund-ciemny:    #6A2742;  /* przyciemniony burgund */
  --burgund-jasny:     #D7B2BD;  /* jasny burgund — obwódki, akcent na ciemnym tle */
  --burgund-tlo:       #F7EDF0;  /* tło sekcji premium */
  --granat-900:        #1F2E46;
  --granat-700:        #2F415E;  /* nagłówki na jasnym tle */
  --granat-500:        #566782;  /* tekst drugorzędny */
  --granat-300:        #96A2B6;  /* podpisy / wyciszony */
  --granat-200:        #C0C8D5;  /* placeholder */
  --granat-100:        #E2E6EE;
  --bialy:             #FFFFFF;
  --biel:              #FFFFFF;

  /* ---------- Compat aliases (dawny złoty piasek → burgund) ---------- */
  --zloty-piasek:      var(--burgund);
  --zloty-piasek-200:  var(--burgund-jasny);
  --zloty-piasek-050:  var(--burgund-tlo);

  /* ---------- Semantic states ---------- */
  --sukces:            #3B654F;
  --sukces-tlo:        #EAF3ED;
  --uwaga:             #7B5117;
  --uwaga-tlo:         #F6EFE8;
  --blad:              #903E2F;
  --blad-tlo:          #F8EDEB;

  /* ---------- Semantic aliases ---------- */
  --surface-page:      var(--lodowy-blekit);
  --surface-card:      var(--bialy);
  --surface-premium:   var(--burgund-tlo);
  --surface-accent:    var(--kobalt-050);
  --surface-invert:    var(--kobalt);

  --text-heading:      var(--granat-700);
  --text-body:         var(--granat);
  --text-muted:        var(--granat-500);
  --text-subtle:       var(--granat-300);
  --text-on-kobalcie:  var(--bialy);
  --text-on-kobalt:    var(--bialy);
  --text-link:         var(--kobalt);

  --border-subtle:     #E6E8F0;
  --border-card:       #EAEBF2;
  --border-premium:    var(--burgund-jasny);
  --border-input:      #D6D9E4;
  --border-input-focus:var(--kobalt);

  --cta-bg:            var(--kobalt);
  --cta-bg-hover:      var(--kobalt-700);
  --cta-bg-active:     var(--kobalt-800);
  --cta-text:          var(--bialy);
  --accent-premium:    var(--burgund);
}