/* ==========================================================================
   Majonez — design tokens. JEDYNE źródło kolorów, obrysów, cieni, typografii.
   Używane przez apps/web (strona, panel) i — po `bun run tokens:sync` — przez
   wtyczkę (extension/ui/tokens.css: popup, opcje, shadow root content scriptu).
   `:host` sprawia, że tokeny działają także wewnątrz Shadow DOM.
   ========================================================================== */
:root,
:host {
  /* Kolory */
  --c-cream: #fff6d6;
  --c-cream-deep: #fbe9a8;
  --c-paper: #ffffff;
  --c-ink: #111111;
  --c-muted: #4d4a3f;          /* 8:1 na kremowym */
  --c-yellow: #ffd23f;
  --c-yellow-deep: #f5b700;
  --c-ketchup: #e63946;        /* tylko z czarnym tekstem (4.6:1) */
  --c-ketchup-ink: #a4161a;    /* czerwony tekst na jasnym tle (6:1+) */
  --c-green: #9be564;
  --c-green-ink: #1e6b12;
  --c-sky: #a9def9;

  /* Obrysy, cienie, zaokrąglenia */
  --bw: 3px;
  --border: var(--bw) solid var(--c-ink);
  --radius: 4px;
  --shadow-sm: 3px 3px 0 var(--c-ink);
  --shadow: 5px 5px 0 var(--c-ink);
  --shadow-lg: 8px 8px 0 var(--c-ink);
  --press: 3px;

  /* Typografia (systemowe fonty, bez pobierania) */
  --font-display: "Segoe UI Black", "Arial Black", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl: clamp(2.25rem, 1.6rem + 3vw, 4.25rem);

  /* Odstępy */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 72px;

  /* Ruch */
  --t-fast: 80ms ease-out;
  --tilt: -1.5deg;

  color-scheme: light;
}