/* ==========================================================================
   SORVA — DESIGN TOKENS
   Jedyne źródło prawdy o kolorach, typografii, odstępach i cieniach.
   NIE MODYFIKUJ tego pliku w pracy nad pojedynczą sekcją.
   W sekcjach używaj WYŁĄCZNIE zmiennych stąd — żadnych surowych hexów.
   ========================================================================== */

:root {
  color-scheme: light dark;

  /* --- Kolory: jasny motyw (domyślny) --- */
  --c-bg:            #FDF8F3;  /* główne tło strony (kremowe) */
  --c-bg-alt:        #F7EDE2;  /* tło sekcji naprzemiennej (ciepły piasek) */
  --c-surface:       #FFFFFF;  /* karty, panele */
  --c-surface-2:     #FBF3EA;  /* zagnieżdżone panele, inputy */
  --c-ink:           #2B211A;  /* nagłówki, tekst główny */
  --c-ink-2:         #5C4B3E;  /* tekst akapitowy */
  --c-muted:         #756455;  /* podpisy, meta — kontrast 5,4:1 na --c-bg */
  --c-line:          #E8DACB;  /* obramowania, separatory */

  --c-primary:       #C2673F;  /* terakota — akcent główny, CTA */
  --c-primary-strong:#A24E2C;  /* hover / active */
  --c-primary-soft:  #F6E1D5;  /* tło pigułek, podświetleń */
  --c-secondary:     #6F8264;  /* szałwia — akcent drugorzędny */
  --c-secondary-soft:#E4EADD;
  --c-accent:        #E3A62F;  /* miód — akcent trzeci, gwiazdki, highlighty */
  --c-accent-soft:   #FBEBCB;
  --c-on-primary:    #FFF8F3;  /* tekst na tle --c-primary */
  --c-on-primary-soft:#A24E2C; /* tekst na tle --c-primary-soft */

  /* Tekst na tle --c-accent. Miód jest jasny w OBU motywach, więc ten token
     celowo nie ma odpowiednika w bloku ciemnym — nadpisanie go zrobiłoby
     dokładnie ten błąd, który tu naprawiamy: jasny tekst na jasnym tle. */
  --c-on-accent:     #2B211A;

  --c-success:       #4F7A52;
  --c-danger:        #B4462F;

  /* Półprzezroczyste warstwy (glass, overlay) */
  --c-glass:         rgba(255, 252, 248, 0.72);
  --c-overlay:       rgba(43, 33, 26, 0.55);

  /* Pierścienie focusa dla pól formularza */
  --c-ring:          rgba(194, 103, 63, 0.18);
  --c-ring-danger:   rgba(180, 70, 47, 0.18);

  /* Tło osadzonego demo FAST FOOD — kolor tamtej marki, nie zmienia się z motywem */
  --c-embed-bg:      #15110d;

  /* Gradienty organiczne */
  --g-warm:   linear-gradient(135deg, #F6E1D5 0%, #FBEBCB 50%, #E4EADD 100%);
  --g-primary:linear-gradient(135deg, #C2673F 0%, #E3A62F 100%);
  --g-blob:   radial-gradient(circle at 30% 30%, #F6E1D5 0%, #FBEBCB 45%, rgba(228,234,221,0) 72%);

  /* --- Typografia --- */
  --f-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-body:    "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-hero:  clamp(2.6rem, 6.2vw, 4.6rem);
  --fs-h2:    clamp(1.95rem, 4vw, 3rem);
  --fs-h3:    clamp(1.2rem, 2vw, 1.6rem);
  --fs-h4:    clamp(1.05rem, 1.4vw, 1.2rem);
  --fs-lead:  clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-body:  1rem;
  --fs-sm:    0.9375rem;
  --fs-xs:    0.8125rem;

  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-body:  1.68;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --ls-tight: -0.02em;
  --ls-wide:   0.14em;

  /* --- Odstępy (skala 4px) --- */
  --sp-1:  0.25rem;  --sp-2:  0.5rem;   --sp-3:  0.75rem;  --sp-4:  1rem;
  --sp-5:  1.5rem;   --sp-6:  2rem;     --sp-7:  2.5rem;   --sp-8:  3rem;
  --sp-9:  4rem;     --sp-10: 5rem;     --sp-11: 6rem;     --sp-12: 8rem;

  /* --- Layout --- */
  --container:  1200px;
  --container-narrow: 820px;
  --gutter:     clamp(1.15rem, 4vw, 2.5rem);
  --section-py: clamp(4.5rem, 9vw, 8rem);

  /* --- Zaokrąglenia (organiczne, hojne) --- */
  --r-sm:   0.625rem;
  --r-md:   1.125rem;
  --r-lg:   1.75rem;
  --r-xl:   2.5rem;
  --r-full: 999px;
  --r-blob: 62% 38% 46% 54% / 55% 48% 52% 45%;  /* nieregularny kształt organiczny */

  /* --- Cienie: miękkie, ocieplone --- */
  --sh-sm:   0 1px 2px rgba(74, 50, 32, 0.05), 0 2px 8px rgba(74, 50, 32, 0.05);
  --sh-md:   0 2px 6px rgba(74, 50, 32, 0.06), 0 12px 28px rgba(74, 50, 32, 0.08);
  --sh-lg:   0 4px 12px rgba(74, 50, 32, 0.07), 0 26px 60px rgba(74, 50, 32, 0.12);
  --sh-glow: 0 10px 30px rgba(194, 103, 63, 0.28);
  --sh-inset:inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* --- Ruch --- */
  --t-fast: 160ms;
  --t-base: 260ms;
  --t-slow: 520ms;
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);

  --z-base: 1;
  --z-sticky: 100;
  --z-nav: 200;
  --z-modal: 300;
}

/* --- Motyw ciemny: podmieniamy TYLKO wartości tokenów --- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg:            #1A1512;
    --c-bg-alt:        #211A15;
    --c-surface:       #241D18;
    --c-surface-2:     #2C231C;
    --c-ink:           #F5EBE1;
    --c-ink-2:         #D8C7B7;
    --c-muted:         #A89685;
    --c-line:          #3B3028;

    --c-primary:       #E08A5C;
    --c-primary-strong:#F0A87E;
    --c-primary-soft:  #3B2A20;
    --c-secondary:     #9DB18F;
    --c-secondary-soft:#2B3326;
    --c-accent:        #EFC066;
    --c-accent-soft:   #3A2E19;
    --c-on-primary:    #24170F;
    --c-on-primary-soft:#F0A87E;

    --c-success:       #7FA982;
    --c-danger:        #E0805F;

    --c-glass:         rgba(36, 29, 24, 0.72);
    --c-overlay:       rgba(10, 7, 5, 0.62);

    --c-ring:          rgba(224, 138, 92, 0.28);
    --c-ring-danger:   rgba(224, 128, 95, 0.28);

    --g-warm:   linear-gradient(135deg, #2C231C 0%, #3B2A20 50%, #2B3326 100%);
    --g-primary:linear-gradient(135deg, #E08A5C 0%, #EFC066 100%);
    --g-blob:   radial-gradient(circle at 30% 30%, #3B2A20 0%, #2C231C 45%, rgba(43,51,38,0) 72%);

    --sh-sm:   0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 8px rgba(0, 0, 0, 0.26);
    --sh-md:   0 2px 6px rgba(0, 0, 0, 0.34), 0 12px 28px rgba(0, 0, 0, 0.34);
    --sh-lg:   0 4px 12px rgba(0, 0, 0, 0.4), 0 26px 60px rgba(0, 0, 0, 0.46);
    --sh-glow: 0 10px 30px rgba(224, 138, 92, 0.24);
    --sh-inset:inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }
}