/* Vendored from the APC design system: _ds/tokens/spacing.css — re-sync from source, do not hand-edit. */
/* =====================================================================
   THE APC — Spacing, radius, elevation & layout tokens
   Section padding & global page padding mirror the Figma variables.
   ===================================================================== */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;
  --space-10: 112px;

  /* ---- Layout ---- */
  --page-padding:      164px; /* desktop gutter (Figma padding-global) */
  --page-padding-mobile: 20px;
  --container-max:     1592px; /* 1920 − 2×164 */
  --content-max:       768px;  /* readable measure */

  /* ---- Section rhythm ---- */
  --section-sm: 48px;
  --section-md: 80px;
  --section-lg: 112px;

  /* ---- Radius (brand uses crisp 8px controls; cards 12–16px) ---- */
  --radius-none: 0px;
  --radius-sm:   6px;
  --radius-md:   8px;   /* buttons, inputs */
  --radius-lg:   12px;  /* cards */
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  --border-width-accent: 4px; /* light-blue underline accents @kind spacing */

  /* ---- Elevation (soft, low-contrast — sampled from the site) ---- */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.10);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.08), 0 8px 24px rgba(36,50,105,0.06);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}