/* Vixto: tokeny marki (06.11.2026). Styl jak C3.ai / Palantir / SpaceX: czerń i biel, jeden akcent tylko w cookies. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&family=IBM+Plex+Mono:wght@500&display=swap'); /* na produkcji: hostować lokalnie (woff2, latin-ext) */
:root {
  /* kolory */
  --vx-black: #0a0a0a;      /* tło ciemne, tekst na jasnym */
  --vx-white: #ffffff;      /* tło jasne */
  --vx-offwhite: #f0f0f5;   /* tekst na ciemnym (nie czysta biel) */
  --vx-grey-100: #f4f4f6;  --vx-grey-200: #dddde2;  /* tła sekcji, linie */
  --vx-grey-500: #8a8a90;  --vx-grey-700: #4a4a50;  /* etykiety, tekst pomocniczy */
  --vx-grey-900: #141414;    /* pasek cookies, karty na ciemnym */
  --vx-navy: #1e3a6e;        /* WYŁĄCZNIE przycisk „Akceptuję” w cookies */
  /* typografia */
  --vx-font: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --vx-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --vx-h1: 700 clamp(48px, 7vw, 100px)/0.98 var(--vx-font);  --vx-h1-track: -0.025em;
  --vx-h2: 700 clamp(36px, 5vw, 64px)/1 var(--vx-font);     --vx-h2-track: -0.02em;
  --vx-h3: 700 28px/1.05 var(--vx-font);                   --vx-h3-track: -0.02em;
  --vx-lead: 500 22px/1.3 var(--vx-font);
  --vx-body: 400 17px/1.5 var(--vx-font);
  --vx-nav: 700 13.5px/1 var(--vx-font);
  --vx-label: 500 11px/1.2 var(--vx-mono);  --vx-label-track: 0.04em;  /* zawsze WERSALIKI */
  /* kształty */
  --vx-radius: 2px;  --vx-border: 1px solid currentColor;
}
.vx-btn { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; font:500 14px/1 var(--vx-font);
  border:var(--vx-border); border-radius:var(--vx-radius); background:transparent; color:inherit; }
.vx-btn--solid { background:var(--vx-offwhite); color:#000; border-color:var(--vx-offwhite); }  /* na ciemnym */
.vx-btn--dark  { background:var(--vx-black); color:var(--vx-white); border-color:var(--vx-black); } /* na jasnym */
.vx-btn--cookie { background:var(--vx-navy); color:#fff; border-color:var(--vx-navy); font-weight:600; }
.vx-label { font:var(--vx-label); letter-spacing:var(--vx-label-track); text-transform:uppercase; color:var(--vx-grey-500); }