/* tokens.css
 * Purpose: Hallmark design tokens for LINGA EXPO — custom (tuned) route.
 * Anchor: brand orange #FF7B00 -> oklch(72.4% 0.189 51). All neutrals tinted toward H=51.
 */
:root{
  /* ── kolor ─────────────────────────────────────────── */
  --c-paper:      oklch(14.5% 0.014 51);
  --c-paper-2:    oklch(18.5% 0.016 51);
  --c-paper-3:    oklch(21.5% 0.018 51);
  --c-ink:        oklch(94%   0.010 51);
  --c-ink-2:      oklch(78%   0.012 51);
  --c-muted:      oklch(58%   0.014 51);
  --c-rule:       oklch(30%   0.014 51);
  --c-rule-2:     oklch(25%   0.012 51);
  --c-accent:     oklch(72.4% 0.189 51);
  --c-accent-dim: oklch(62%   0.170 51);
  --c-accent-ink: oklch(16%   0.020 51);
  --c-focus:      oklch(75.4% 0.205 51);

  /* ── typografia ────────────────────────────────────── */
  --font-display: "Cabinet Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-body:    "Switzer","Helvetica Neue",Arial,sans-serif;
  --font-mono:    ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --text-3xs:  10px;
  --text-2xs:  11.5px;
  --text-xs:   12.5px;
  --text-sm:   14.5px;
  --text-base: 16.5px;
  --text-md:   18px;
  --text-lg:   clamp(19px, 1.1rem + .5vw, 25px);
  --text-xl:   clamp(28px, 1.6rem + 1.6vw, 46px);
  --text-2xl:  clamp(34px, 1.8rem + 2.4vw, 58px);
  --text-display: clamp(40px, 2.2rem + 5.4vw, 118px);

  /* ── przestrzen (skala 4 pt) ───────────────────────── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  --gutter:        clamp(1.15rem, 4.5vw, 3.5rem);
  --measure-wide:  76rem;
  --measure-text:  46rem;

  /* ── ruch ──────────────────────────────────────────── */
  --dur-1: 90ms;  --dur-2: 160ms; --dur-3: 260ms; --dur-4: 520ms;
  --ease-out:    cubic-bezier(.22,.61,.36,1);
  --ease-in:     cubic-bezier(.55,.06,.68,.19);
  --ease-in-out: cubic-bezier(.65,.05,.36,1);

  --rule-hair: 1px;
  --radius-0:  0;
}