/* Azurit Beton Service design system, from the client's logobook (LOGOBOOK AZURIT 2):
   brand navy #002365 (C96 M88 Y23 K34), brand orange #FF3D00 (C0 M91 Y97 K0), white.
   Navy carries the structure (buttons, hero, ink), orange is the signal (active item, accents, the logo mark).
   The brand font BRAVE Eightyone is not licensed for the web, so Tektur (same squared, technical cut) sets the
   headline figures and the name; Manrope stays for running text so tables remain easy to read.
   "light" = Azurit, "dark" = Azurit tun. The previous monochrome looks are kept as "mono" and "qora" (themes.css). */
:root{
  --surface-100:#f2f4f9; --surface-200:#ffffff; --ink:#0a1633; --ink-muted:#525d78; --line:#d5dbe8; --line-strong:#7a85a0;
  --azurite:#002365; --azurite-deep:#00194a; --azurite-tint:#e2e8f5; --on-azurite:#ffffff; --concrete:#97a1b8;
  --rebar:#e63700; --az-accent:#ff3d00; --az-accent-soft:#ffe6dc;
  --success:#1f7a4a; --warning:#8a5300; --danger:#b42318;
  --space-1:4px; --space-2:8px; --space-4:16px; --space-8:32px;
  --radius-sm:2px; --radius-md:4px; --radius-lg:6px;
  --hover-fill:#00194a; --on-hover-fill:#ffffff; --hero:#002365; --on-hero:#ffffff;
  --f-body:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-display:Tektur,Unbounded,"Arial Black",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --surface-100:#050c1f; --surface-200:#0c1633; --ink:#edf1f9; --ink-muted:#9ba7c4; --line:#1c2a4d; --line-strong:#5a6a92;
    --azurite:#ff4d14; --azurite-deep:#ff6a3a; --azurite-tint:#172447; --on-azurite:#07112b; --concrete:#56638a;
    --rebar:#ff7a4a; --az-accent:#ff4d14; --az-accent-soft:#3a1d1a;
    --success:#5cc48a; --warning:#e0a43a; --danger:#f07a6e;
    --hover-fill:#ff6a3a; --on-hover-fill:#07112b; --hero:#0f1f4a; --on-hero:#ffffff; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --surface-100:#050c1f; --surface-200:#0c1633; --ink:#edf1f9; --ink-muted:#9ba7c4; --line:#1c2a4d; --line-strong:#5a6a92;
  --azurite:#ff4d14; --azurite-deep:#ff6a3a; --azurite-tint:#172447; --on-azurite:#07112b; --concrete:#56638a;
  --rebar:#ff7a4a; --az-accent:#ff4d14; --az-accent-soft:#3a1d1a;
  --success:#5cc48a; --warning:#e0a43a; --danger:#f07a6e;
  --hover-fill:#ff6a3a; --on-hover-fill:#07112b; --hero:#0f1f4a; --on-hero:#ffffff; color-scheme:dark;
}
/* legacy names used by the older stylesheets */
:root{
  --bg:var(--surface-100); --surface:var(--surface-200); --field:var(--surface-200);
  --ink2:var(--ink-muted); --muted:var(--ink-muted); --line2:var(--line-strong);
  --brand:var(--azurite); --on-brand:var(--on-azurite); --brand-hover:var(--hover-fill);
  --accent:var(--azurite); --accent-soft:var(--azurite-tint); --on-accent:var(--on-azurite); --focus:var(--azurite);
  --s1:var(--azurite); --s2:var(--ink); --hl:color-mix(in srgb,var(--azurite) 7%,transparent);
  --good:var(--success); --bad:var(--danger); --warn:var(--warning);
  --side:var(--surface-200); --side-ink:var(--ink-muted); --side-dim:var(--ink-muted); --side-hl:var(--azurite-tint); --side-line:var(--line);
  --f-head:var(--f-body); --f-mono:var(--f-body);
  --r:var(--radius-md); --r2:var(--radius-md);
}
*{box-sizing:border-box}
body{margin:0;background:var(--surface-100);color:var(--ink);font:400 14px/20px var(--f-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
a{color:inherit}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}
.mono{font-variant-numeric:tabular-nums}
.eyebrow{font:600 12px/16px var(--f-body);color:var(--ink-muted)}
:focus-visible{outline:2px solid var(--azurite);outline-offset:2px;border-radius:var(--radius-sm)}