/* CORE v2 — tokeny design systemu (--ds-*) — owner: frontend-core — jedyny deklarujący --ds-* */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600&display=swap");

:root {
  --ds-canvas: #f6f2ea;
  --ds-surface: #fffdfa;
  --ds-ink: #191512;
  --ds-ink-soft: #4e463e;
  --ds-ink-mute: #6a6259;
  --ds-cocoa: #2a211b;
  --ds-cocoa-ink: #f6f2ea;
  --ds-accent: #c08a2e;
  --ds-accent-ink: #7a4f0e;
  --ds-pistachio: #5c7050;
  --ds-plum: #5e3350;
  --ds-line: rgba(25, 21, 18, 0.1);
  --ds-focus: #a9761a;

  --ds-ok: #256b47;
  --ds-ok-bg: #e4efe8;
  --ds-warn: #8a5a0b;
  --ds-warn-bg: #f6ecda;
  --ds-err: #a3302a;
  --ds-err-bg: #f7e5e3;
  --ds-info: #275c8c;
  --ds-info-bg: #e4edf6;
  --ds-neutral: #5e574d;
  --ds-neutral-bg: #ede9e2;
  --ds-pending: #5d4a86;
  --ds-pending-bg: #ece7f5;

  --ds-sp-1: 4px;
  --ds-sp-2: 8px;
  --ds-sp-3: 12px;
  --ds-sp-4: 16px;
  --ds-sp-5: 24px;
  --ds-sp-6: 32px;
  --ds-sp-7: 48px;
  --ds-sp-8: 64px;
  --ds-sp-9: 96px;
  --ds-sp-10: 128px;

  --ds-r-1: 2px;
  --ds-r-2: 6px;
  --ds-r-pill: 999px;

  --ds-e-1: 0 1px 2px rgba(25, 21, 18, 0.05);
  --ds-e-2: 0 10px 30px -20px rgba(25, 21, 18, 0.35);
  --ds-e-3: 0 24px 60px -32px rgba(25, 21, 18, 0.45);
  --ds-e-sticky: 0 6px 24px -18px rgba(25, 21, 18, 0.45);

  --ds-font-display:
    "Bodoni Moda", "Playfair Display", Didot, "Times New Roman", serif;
  --ds-font-ui:
    "Instrument Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-data:
    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --ds-t-display-xl: clamp(2.75rem, 6vw, 5.5rem);
  --ds-t-display-l: clamp(2rem, 3.6vw, 3.25rem);
  --ds-t-h2: clamp(1.5rem, 2.2vw, 2.125rem);
  --ds-t-h3: 1.25rem;
  --ds-t-lead: 1.125rem;
  --ds-t-body: 1rem;
  --ds-t-small: 0.875rem;
  --ds-t-micro: 0.75rem;

  --ds-dur-1: 120ms;
  --ds-dur-2: 180ms;
  --ds-dur-3: 240ms;
  --ds-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --ds-z-sticky: 10;
  --ds-z-dropdown: 20;
  --ds-z-sheet: 30;
  --ds-z-modal: 40;
  --ds-z-toast: 50;

  --ds-rail-w: 264px;
  --ds-rail-w-compact: 76px;
}