/* ==========================================================================
   PRZETNIJ BETON / R-TECH — design tokens
   Kierunek: industrial precision, wersja jasna (v2). Jasny beton + grafit
   + czerwień z logo klienta. Motyw zablokowany: light. Jeden akcent.
   ========================================================================== */

/* --- Fonty ---------------------------------------------------------------- */
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/geist-mono-latin-ext.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* --- Kolory: jasny beton + grafit, jeden akcent (czerwień z logo) -------
     v2 = jasny motyw v1. Numeracja zachowana z v1, żeby role się nie
     rozjechały: --paper-900 to tło strony (jak dawne --ink-900),
     --graphite-100 to tekst główny (jak dawne --dust-100). */
  --paper-50: #ffffff;   /* karta kontaktu na hover */
  --paper-900: #f2f0eb;  /* tło strony — ciepły, jasny beton, nigdy #fff */
  --paper-850: #e9e6df;  /* menu, marquee, stopka — o ton ciemniej */
  --paper-800: #fbfaf7;  /* karty, panel wyceny, pola — bielsze od tła */
  --paper-700: #dedad2;
  --paper-600: #c4bfb5;  /* obrys pól, kontur cyfr procesu */
  --paper-500: #8e897f;  /* kontur cyfr w procesie */

  --graphite-400: #5f656d;  /* tekst drugorzędny: 5.1:1 na tle, 4.8:1 na --paper-850 */
  --graphite-300: #4d535b;  /* opisy: 6.9:1 */
  --graphite-200: #30353c;  /* lead, linki nawigacji */
  --graphite-100: #16181c;  /* tekst główny — off-black, nigdy #000 */

  --red-500: #d11a20;   /* AKCENT. Przyciski (biały tekst 5.4:1) i akcent w tekście (4.8:1 na tle) */
  --red-600: #b3151b;   /* hover przycisku, błędy, linki w treści */
  --red-logo: #ed2024;  /* czerwień z logo — tylko dekoracja (kreski, kwadraty, kontury) */

  --line: rgb(20 22 26 / 0.10);
  --line-strong: rgb(20 22 26 / 0.18);

  /* --- Typografia --------------------------------------------------------- */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Skala płynna. Display chodzi na osi wdth — stąd wrażenie sygnalizacji. */
  --step--1: clamp(0.82rem, 0.79rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.15rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4: clamp(2.6rem, 1.9rem + 3.4vw, 4.8rem);
  --step-5: clamp(3.2rem, 2rem + 6vw, 8rem);

  /* --- Rytm i kształt ------------------------------------------------------ */
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-y: clamp(5rem, 10vw, 9.5rem);
  --maxw: 84rem;
  --radius: 0;            /* Shape lock: wszystko ostre. Beton się nie zaokrągla. */
  --radius-pill: 999px;   /* wyjątek: tylko przyciski i pigułki metadanych */

  /* --- Ruch ---------------------------------------------------------------- */
  --ease-hop: cubic-bezier(0.8, 0, 0.2, 1);   /* podkradnięte z waffel.pl */
  --ease-hop2: cubic-bezier(0.9, 0, 0.1, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.22s;
  --dur-base: 0.5s;
  --dur-slow: 0.9s;

  --z-grain: 60;
  --z-nav: 50;
  --z-overlay: 70;
  --z-preloader: 90;

  color-scheme: light;
}