/* ==========================================================================
   jkservices - tokeny wizualne (wersja burgundowa)
   Jedyne miejsce, w którym definiujemy kolory. Nie wpisujemy kolorów
   bezpośrednio w regułach, tylko odwołujemy się do zmiennych.
   ========================================================================== */
:root{
  /* kolory marki */
  --jk-accent:        #8C2743;  /* burgund, kolor główny */
  --jk-accent-dark:   #6D1B33;  /* hover, stan aktywny */
  --jk-accent-soft:   #FAEBEF;  /* tło plakietek i podświetleń */

  /* tekst i tło */
  --jk-ink:           #1E1518;  /* tekst podstawowy */
  --jk-muted:         #7A6A6E;  /* tekst drugorzędny, etykiety */
  --jk-bg:            #FAF6F4;  /* tło strony */
  --jk-card:          #FFFFFF;  /* tło kart i paneli */
  --jk-line:          #EBE2DF;  /* linie i obrysy */

  /* stany */
  --jk-ok:            #0E9F6E;
  --jk-warn:          #B57A11;
  --jk-err:           #C0392B;

  /* geometria */
  --jk-radius:        16px;
  --jk-radius-sm:     10px;
  --jk-radius-pill:   999px;
  --jk-shadow:        0 1px 2px rgba(30,21,24,.04), 0 8px 24px rgba(30,21,24,.06);

  /* typografia */
  --jk-font:          'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Kontrast sprawdzony pod WCAG 2.1 AA:
   biały na burgundzie            8,45:1
   tekst podstawowy na tle        16,69:1
   burgund jako link na bieli     8,45:1  */