/* SAIT17-REDESIGN-PASS2 — Midnight Performance token source. */
:root{
  --ink-rgb:244,241,234;
  --accent-rgb:200,255,61;
  --accent2-rgb:244,241,234;

  --dag-font:"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  --dag-font-display:"Barlow Condensed","Arial Narrow","Roboto Condensed",sans-serif;
  --dag-font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --dag-lh:1.58;

  --dag-container:1240px;
  --dag-gutter:20px;
  --dag-gutter-lg:30px;
  --dag-section:78px;

  --dag-bg:#080b0e;
  --dag-surface:#11171c;
  --dag-surface-2:#182129;
  --dag-text:#f4f1ea;
  --dag-muted:#aeb8c0;
  --dag-border:rgba(244,241,234,.14);

  --dag-primary:#c8ff3d;
  --dag-primary-hover:#dcff83;
  --dag-primary-contrast:#080b0e;
  --dag-accent:#f4f1ea;
  --dag-accent-hover:#ffffff;
  --dag-accent-contrast:#080b0e;
  --dag-link:#c8ff3d;
  --dag-link-hover:#dcff83;

  --dag-danger:#ff6b6b;
  --dag-warning:#ffc857;
  --dag-success:#72e6a3;

  --dag-radius-sm:6px;
  --dag-radius-md:10px;
  --dag-radius-lg:14px;
  --dag-radius-pill:10px;

  --dag-shadow-xs:0 1px 0 rgba(255,255,255,.04);
  --dag-shadow-sm:0 14px 35px rgba(0,0,0,.28);
  --dag-shadow-md:0 26px 80px rgba(0,0,0,.42);

  --dag-gap-sm:12px;
  --dag-gap:18px;
  --dag-gap-lg:28px;
  --dag-gap-xl:42px;
  --dag-ring-color:rgba(200,255,61,.42);
  --dag-ring:0 0 0 3px var(--dag-ring-color);
  --dag-transition:170ms cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --anim-fast:120ms var(--ease-out);
  --anim-med:200ms var(--ease-out);
  --anim-slow:320ms var(--ease-out);
  --dag-max-prose:72ch;

  --dag-radius:var(--dag-radius-md);
  --dag-shadow:var(--dag-shadow-sm);
  --bg:var(--dag-bg);
  --surface:var(--dag-surface);
  --surface-2:var(--dag-surface-2);
  --text:var(--dag-text);
  --muted:var(--dag-muted);
  --line:var(--dag-border);
  --border:var(--dag-border);
  --primary:var(--dag-primary);
  --primary-contrast:var(--dag-primary-contrast);
  --accent:var(--dag-accent);
  --brand:var(--dag-link);
  --brand-2:var(--dag-accent);
  --danger:var(--dag-danger);
  --radius:var(--dag-radius-md);
  --shadow:var(--dag-shadow-md);
  --shadow-soft:var(--dag-shadow-sm);
  --container:var(--dag-container);
  --gutter:var(--dag-gutter);
  --ring:var(--dag-ring-color);
}

@media (max-width:900px){
  :root{--dag-section:56px;--dag-gutter-lg:20px}
}

@media (max-width:600px){
  :root{--dag-section:42px;--dag-gutter:16px}
  .site-header__menu a,.site-header__inventory,.site-burger__label,.site-offcanvas__contact-title{font-size:14px}
}