/* assets/css/tokens.css — system projektowy (patrz brief-szablon sekcja 3) */
:root{
  /* Kolory — baza */
  --pl-navy-deep:#0D0E35;
  --pl-ink:#00001B;
  --pl-navy:#212D5E;
  --pl-hero-text-muted:#C7CEE8;
  --pl-hero-eyebrow:#7C97DD;
  --pl-hero-micro:#8792B8;
  --pl-hero-accent:#7FA0F5;

  /* Akcent domeny (chlodny) */
  --pl-royal-light:#3B58A8;
  --pl-royal:#294592;

  /* CTA */
  --pl-coral:#C8371F;
  --pl-coral-hover:#A82E1A;

  /* Tla jasne */
  --pl-bg:#F8F9FA;
  --pl-bg-alt:#F0F4F8;
  --pl-white:#FFFFFF;

  /* Tekst na jasnym */
  --pl-text:#14163A;
  --pl-text-secondary:#4A5568;
  --pl-text-caption:#718096;
  --pl-border:#E2E8F0;

  /* Poswiata / spektrum (tylko jako akcent-potwierdzenie, NIE tekst body) */
  --pl-glow-royal-light: rgba(59,88,168,.26);
  --pl-spectrum: linear-gradient(90deg,#3B58A8,#294592,#3CA8FF,#F9B731);

  /* Typografia */
  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  /* Skala (desktop -> mobile w clamp()) */
  --fs-h1: clamp(32px, 5vw, 52px);
  --fs-h2: clamp(24px, 3.4vw, 38px);
  --fs-h3: clamp(18px, 2.2vw, 21px);
  --fs-body: 17px;
  --fs-body-sm: 15.5px;
  --fs-eyebrow: 13px;

  /* Layout */
  --container-w: 1240px;
  --container-w-narrow: 820px;
  --section-pad-y: 88px;
  --section-pad-y-sm: 56px;
  --section-pad-x: 24px;
  --radius-btn: 6px;
  --radius-card: 10px;
  --radius-img: 12px;
  --shadow-soft: 0 10px 30px rgba(13,14,53,.10);
  --shadow-soft-hover: 0 16px 34px rgba(13,14,53,.16);

  /* Breakpoint referencyjny dla JS (musi byc spojny z media queries) */
  --bp-mobile: 1080px;
}