/* ─── noxads.ai layout, radius & shadow tokens ─── */
:root {
  /* Corner radii — generous, layered */
  --radius-nav: 10px;       /* nav link hover capsule */
  --radius-inner: 12px;     /* image wells inside cards */
  --radius-button: 14px;    /* small buttons, icon buttons */
  --radius-card: 18px;      /* team cards, photo frames */
  --radius-card-lg: 20px;   /* tabs, dark glass cards */
  --radius-card-xl: 24px;   /* service cards, hero CTA, headline pill */
  --radius-pill: 999px;

  /* Hairline ring — cards draw borders as inset shadows */
  --ring-card: inset 0 0 0 1px var(--nox-border);
  --ring-on-dark: inset 0 0 0 1px rgba(255,255,255,0.10); /* @kind shadow */

  /* Elevation — soft, far-thrown, slate-tinted */
  --shadow-button: 0px 10px 26px 0px rgba(15,23,42,0.043);
  --shadow-card: 0px 12px 32px 0px rgba(15,23,42,0.08);
  --shadow-card-soft: 0px 18px 48px 0px rgba(15,23,42,0.06);
  --shadow-card-float: 0px 24px 70px 0px rgba(15,23,42,0.06);
  --shadow-cta: 0px 14px 34px 0px rgba(17,17,17,0.10);
  --shadow-blue: 0px 22px 60px 0px rgba(50,48,248,0.20);
  --shadow-dark-card: 0px 22px 64px 0px rgba(0,0,0,0.32), inset 0px 1px 0px 1px rgba(255,255,255,0.05);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Page grid */
  --container-max: 1100px;
  --section-pad-y: 64px;      /* most sections; feature sections use 80px */
  --section-pad-y-lg: 80px;

  /* Backdrop blur used on glass surfaces */
  --blur-glass: blur(12px); /* @kind other */
  --blur-header: blur(24px); /* @kind other */
}