/* Single source of truth. One theme — „Szałwia" (sage & clay duotone); the
   alternate palettes were dropped, this is the only palette. WCAG pairs are
   enforced by scripts/check_contrast.py. */

:root {
  /* palette — sage: pine buttons, clay decorative accent, warm sand bg */
  --bg: #f7f3ea; --surface: #ffffff; --text: #2b362e; --text-muted: #56655b;
  --accent: #b3865c; --accent-strong: #2f5d45; --accent-soft: #e9ead9;
  --link: #2f5d45; --focus-ring: #2f5d45; --on-accent: #ffffff;

  /* type */
  --font-serif: "Lora", Georgia, serif;
  --font-serif-display: "Fraunces", "Lora", Georgia, serif;
  --font-sans: "Manrope", "Source Sans 3", system-ui, sans-serif;
  --fs-xs: 0.8125rem; --fs-s: 0.9375rem; --fs-m: 1.0625rem;
  --fs-ml: 1.1875rem; --fs-l: 1.375rem; --fs-xl: 1.875rem; --fs-xxl: 2.625rem;
  --lh-tight: 1.15; --lh-heading: 1.25; --lh-body: 1.65;
  /* spacing & shape */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 1rem; --sp-4: 1.5rem;
  --sp-5: 2.5rem; --sp-6: 4rem;
  --radius-s: 6px; --radius-m: 12px; --radius-pill: 999px;
  --shadow-soft: 0 2px 16px rgb(0 0 0 / 0.06);

  /* elevation & surface — warm-tinted so cards read as layered objects, not
     floating rectangles. Second step above --shadow-soft; --edge is the
     hairline that pairs with it. Both derive from --accent-strong (pine). */
  --shadow-raised:
    0 1px 1px color-mix(in srgb, var(--accent-strong) 10%, transparent),
    0 10px 34px color-mix(in srgb, var(--accent-strong) 12%, transparent);
  --edge: 1px solid color-mix(in srgb, var(--accent-strong) 14%, transparent);

  /* light-wash grounds ("naturalne światło") — a candlelight glow between two
     grounds the WCAG matrix already checks (--accent-soft ↔ --bg / --surface),
     so any point under text stays ≥ the min contrast of those pairs. Text sits
     on the light end; the matrix in scripts/check_contrast.py is unchanged. */
  --wash: radial-gradient(125% 92% at 50% -12%,
          color-mix(in srgb, var(--accent-soft) 78%, var(--surface)),
          var(--bg) 62%);
  --wash-corner: radial-gradient(80% 120% at 100% 0%,
          color-mix(in srgb, var(--accent-soft) 70%, var(--surface)),
          var(--bg) 58%);

  /* band-wash — the same candlelight idea for the tinted (--accent-soft) bands
     (trust strip, soft sections, closing CTA). Interpolates between --accent-soft
     and a point mixed TOWARD --surface, so the band keeps its accent-soft
     character while gaining a soft top glow. Every point lies between two grounds
     the WCAG matrix checks for --text / --text-muted (accent-soft ↔ surface), and
     bare links on these bands are already forced to --text in site.css, so no new
     pair is introduced. */
  --wash-soft: radial-gradient(125% 120% at 50% -15%,
          color-mix(in srgb, var(--accent-soft) 52%, var(--surface)),
          var(--accent-soft) 74%);

  /* hover step above --shadow-raised for interactive cards (hover-capable
     devices only); same pine tint, deeper and softer. */
  --shadow-raised-hover:
    0 2px 4px color-mix(in srgb, var(--accent-strong) 10%, transparent),
    0 18px 48px color-mix(in srgb, var(--accent-strong) 16%, transparent);
}