/* STMG design tokens — source of truth: B_T object in Direction B v2 prototypes.
   Pixel-precise; do not alter locked values (--red, --blue). */
:root {
  /* Surfaces */
  --bg:        #FAFAF7;
  --bg-deep:   #F2EFE8;
  --paper:     #FFFFFF;
  --ink:       #1A1A1A;

  /* Ink alpha ramp */
  --ink80: rgba(26,26,26,0.85);
  --ink70: rgba(26,26,26,0.65);
  --ink50: rgba(26,26,26,0.50);
  --ink30: rgba(26,26,26,0.30);
  --ink15: rgba(26,26,26,0.15);
  --ink08: rgba(26,26,26,0.08);

  /* Brand (LOCKED) */
  --red:      #D62828;
  --red-deep: #A41E1E;
  --blue:     #0F2540;   /* conversion blocks: Capability, Contact CTA */

  /* Neutrals */
  --slate:       #2C3338;
  --slate-light: #5A6670;
  --line:        var(--ink15);

  /* Type families (self-hosted) */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-sans:    "Inter", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* Layout — maxw 1440 iz B_T.maxW (etalon); ranije 1280 = uzrok "širina pogrešna" */
  --maxw: 1440px;
  --pad:  80px;   /* desktop side padding — PAD.d */

  /* Header */
  --header-h: 80px;
}

/* Breakpoint side padding — PAD = { m:22, t:44, d:80 } */
@media (max-width: 1024px) { :root { --pad: 44px; --header-h: 64px; } }
@media (max-width: 600px)  { :root { --pad: 22px; --header-h: 64px; } }