/* MVT Logistics. Granat #333367 z logo klienta jako baza.
   Akcent: turkus na granacie; #0E7490 trzyma AA z biala typografia, #22D3EE swieci na ciemnym. */
:root {
  --ink: #171532;
  --ink-2: #1F1C41;
  --ink-3: #2B2755;
  --bg: #F8F8FC;
  --surface: #FFFFFF;
  --surface-2: #EFEFF6;
  --line: #DEDDEA;
  --line-dark: #35315F;
  --text: #191735;
  --muted: #575473;
  --muted-dark: #AEABC7;
  --accent: #0E7490;
  --accent-bright: #22D3EE;
  --accent-deep: #0B5C73;
  --accent-ink: #FFFFFF;
  --granat: #333367;

  --font-display: "Space Grotesk", "Segoe UI", Arial, sans-serif;
  --font-text: "Inter", "Segoe UI", Arial, sans-serif;

  --r-sm: 14px;
  --r-md: 22px;
  --r-lg: 28px;
  --r-xl: 36px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(23, 21, 50, .06);
  --shadow-md: 0 18px 46px rgba(23, 21, 50, .12);
  --shadow-lg: 0 30px 80px rgba(23, 21, 50, .24);

  --ease: cubic-bezier(.22, .72, .2, 1);
  --naglowek: 84px;
}