/* ASP Consulting — spacing, radius, borders, elevation, motion */
:root {
  /* Spacing — 4px base, generous editorial whitespace */
  --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: 96px;

  /* Radius — the logo mark's soft corner is the reference */
  --radius-sm: 4px;    /* inputs, tags */
  --radius-md: 8px;    /* buttons, small cards */
  --radius-lg: 16px;   /* cards */
  --radius-xl: 24px;   /* feature cards, social frames */
  --radius-pill: 999px;

  /* Borders */
  --border-w: 1px;
  --border-w-rule: 1px;

  /* Elevation — flat by default; one soft shadow for floating surfaces only */
  --shadow-none: none;
  --shadow-float: 0 8px 32px rgba(12, 17, 57, 0.12);
  --shadow-dialog: 0 16px 56px rgba(12, 17, 57, 0.20);

  /* Motion — quick, precise, no bounce */
  --ease-out: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}