/* ==========================================================================
   PRZETNIJ BETON / R-TECH — design tokens
   Kierunek: industrial precision. Beton + stal + iskra diamentowej tarczy.
   Motyw zablokowany: dark. Jeden akcent na całą stronę.
   ========================================================================== */

/* --- 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: baza chłodnego betonu, jeden gorący akcent (iskra) --------- */
  --ink-900: #0a0b0d;   /* tło strony, off-black — nigdy #000 */
  --ink-850: #101216;
  --ink-800: #16181d;   /* karty, sekcje podniesione */
  --ink-700: #1e2127;
  --ink-600: #2b2f37;   /* hairline mocniejszy */
  --ink-500: #3a3f48;

  --dust-400: #6d747e;  /* tekst drugorzędny */
  --dust-300: #969ca5;
  --dust-200: #c3c8ce;
  --dust-100: #e7e9ec;  /* tekst główny — off-white, nigdy #fff */

  --spark-500: #ff4d19; /* AKCENT. Iskra spod tarczy. Jedyny kolor na stronie. */
  --spark-400: #ff6a3d;
  --spark-600: #d63a0e;

  --line: rgb(255 255 255 / 0.09);
  --line-strong: rgb(255 255 255 / 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: dark;
}