/* Cass - tokeny wizualne. Jedyne zrodlo prawdy dla landingu i kazdego assetu.
 *
 * Kierunek: grecki, ale przez powsciagliwosc, nie przez rekwizyty. Wapien i
 * atrament, jeden akcent w ochrze, morska glebia na sekcje kontrastowe. Zero
 * kolumn, laurow i marmurowych tekstur - to sa kostiumy, nie marka.
 *
 * SWIADOMIE PRZECIWNIE DO ADLUME. Karta venture sprawdza, czy Cass sprzeda sie
 * BEZ marki i sieci Marka, wiec podobienstwo do AdLume skazilo by ten test i
 * wciagnelo marke AdLume w projekt z wpisanymi kill criteria.
 *   AdLume: czern + kwasowa zielen + geometryczny grotesk (Figtree/Inter).
 *   Cass:   cieply wapien + ochra + klasyczna antykwa.
 * Inter jest tu ZAKAZANY wlasnie z tego powodu, mimo ze skadinad jest dobry.
 */

:root {
  /* --- powierzchnie --- */
  --stone:       #F2EDE4;   /* tlo strony: wapien, nie bialy papier */
  --marble:      #FAF7F2;   /* karty i pola wyniesione */
  --stone-deep:  #E4DCCD;   /* delikatne pasy i wypelnienia */
  --line:        #D8CFBE;   /* linie wlosowe zamiast ramek */

  /* --- tekst --- */
  --ink:         #1A1714;   /* tekst glowny; 15.3:1 na wapieniu */
  --ink-soft:    #5A524A;   /* tekst drugorzedny; 6.6:1 - nadal bezpieczny */

  /* --- akcenty --- */
  --ochre:       #B07D2B;   /* JEDYNY akcent marki */
  --terracotta:  #9C4A2F;   /* ostrzezenie, spalony budzet; 5.2:1 */
  --aegean:      #16323B;   /* glebia morska: sekcje odwrocone; 11.6:1 */

  /* --- typografia ---
   * Antykwa niesie glos wyroczni, grotesk niesie interfejs, mono niesie LICZBY.
   * Trzeci krój nie jest ozdoba: cala wartosc Cass to konkretne kwoty i CPA,
   * a liczba zlozona monospace'em czyta sie jak dowod, nie jak marketing. */
  --font-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-text:    "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-data:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* skala typograficzna: kwinta czysta (1.5), bo strona ma miec oddech,
   * a nie gestwine posrednich rozmiarow */
  --t-hero:   clamp(2.75rem, 7vw, 5.5rem);
  --t-h2:     clamp(1.75rem, 3.5vw, 2.75rem);
  --t-h3:     1.25rem;
  --t-body:   1.0625rem;
  --t-small:  0.875rem;
  --t-label:  0.75rem;      /* kapitaliki, rozstrzelone */

  --lh-display: 1.05;
  --lh-body:    1.65;
  --track-label: 0.18em;    /* rozstrzelenie etykiet */

  /* --- rytm --- */
  --space-section: clamp(4rem, 10vw, 8rem);
  --measure: 34rem;         /* maks. dlugosc wiersza tekstu */
  --radius: 2px;            /* prawie ostre: kamien, nie plastik */
}

/* ZASADA KONTRASTU, ktorej nie wolno zlamac.
 * Ochra na wapieniu daje 3.10:1. To jest ponizej progu dla tekstu normalnego
 * (4.5:1) i wystarcza WYLACZNIE dla duzego tekstu (>=24px albo >=19px bold)
 * oraz elementow nietekstowych. Zlota drobna czcionka na jasnym tle to
 * najczestszy sposob, w jaki ladna paleta staje sie nieczytelna strona.
 *   tekst drobny  -> --ink albo --ink-soft
 *   akcent, linia, duzy naglowek, ikona -> --ochre
 *   ostrzezenie, liczba oznaczajaca strate -> --terracotta (5.2:1, bezpieczne)
 */

@media (prefers-reduced-motion: reduce) {
  /* Animacje na tej stronie sa dekoracja, nie trescia. Kazda musi dac sie
   * wylaczyc bez utraty ani jednego zdania - tekst nigdy nie moze byc
   * ukryty do czasu interakcji (dlatego nie kopiujemy mgly z Murmura na hero). */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}