/* Tokeny kierunku A „Wspólna perspektywa” — wartości z audit/03-UI-SPEC.md, rozdz. 1.
   Jedno źródło tokenów strony. */

@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/dm-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(../assets/fonts/dm-sans-500.woff2) format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(../assets/fonts/dm-sans-600.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(../assets/fonts/manrope-500.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(../assets/fonts/manrope-600.woff2) format('woff2'); }

/* Metryki zastępcze ograniczające skok układu przy podmianie fontu. */
@font-face { font-family: 'Manrope fallback'; src: local('Arial'); size-adjust: 103%; ascent-override: 103%; descent-override: 29%; line-gap-override: 0%; }
@font-face { font-family: 'DM Sans fallback'; src: local('Arial'); size-adjust: 99%; ascent-override: 98%; descent-override: 31%; line-gap-override: 0%; }

:root {
  /* Kolor */
  --color-ink: #252629;
  --color-surface-dark: #303133;
  --color-paper: #F4F1E9;
  --color-brand: #FFD028;
  --color-amber: #FFB52A;
  --color-text-muted: #B9BAB5; /* na graficie */
  --color-text-muted-paper: #55565A; /* na papierze — 6,6:1, poza tabelą spec, zgłoszone w ADR-001 */
  --color-mint: #68D5A1;
  --color-error-light: #A3212B;
  --color-error-dark: #FFB4B4;
  --color-line-dark: rgb(244 241 233 / 0.16);
  --color-line-paper: rgb(37 38 41 / 0.18);
  --color-ink-deep: #1C1D1F;

  /* Typografia */
  --font-heading: 'Manrope', 'Manrope fallback', system-ui, sans-serif;
  --font-body: 'DM Sans', 'DM Sans fallback', system-ui, sans-serif;
  --text-h1: clamp(2.625rem, 1.2rem + 4.6vw, 5.25rem);
  --text-h2: clamp(2.125rem, 1.35rem + 2.7vw, 3.75rem);
  --text-h3: clamp(1.5rem, 1.15rem + 1.1vw, 2rem);
  --text-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
  --text-body: clamp(1.0625rem, 1.03rem + 0.12vw, 1.125rem);
  --text-ui: 1rem;
  --text-caption: 0.875rem;
  --text-eyebrow: 0.75rem;

  /* Rytm i siatka */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem;
  --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;
  --container: 82.5rem; /* 1320 px */
  --gutter: clamp(1rem, 0.6rem + 1.4vw, 2rem);
  --page-margin: clamp(1.25rem, 0.5rem + 3.6vw, 3rem);
  --scene-pad: clamp(3.5rem, 2rem + 6.5vw, 8rem);

  /* Kształt */
  --radius-photo: 6px;
  --radius-module: 16px;
  --radius-control: 12px;
  --radius-pill: 999px;
  --target: 48px;

  /* Ruch — parametry z audit/03-UI-SPEC.md, rozdz. 3 */
  --ease: cubic-bezier(0.22, 0.7, 0.2, 1);
  --dur-press: 160ms;
  --dur-reveal: 220ms;
  --dur-arrange: 560ms;
}