/* Oction Labs — spacing, radius, borders, shadow, motion
   The system is built on a grid; nothing is freehand. Geometry carries confidence,
   not decoration. Surfaces are largely sharp (the dossier rule), with a small set of
   pill / soft radii reserved for marketing CTAs on the dark stage. */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-0: 0;
  --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;
  --space-10: 128px;

  /* ---- Layout ---- */
  --gutter: 5vw;            /* page margin used across web surfaces */
  --maxw-content: 1180px;
  --maxw-prose: 640px;

  /* ---- Radius ---- (sharp by default; the brand is geometric) */
  --radius-none: 0;
  --radius-sm: 4px;        /* inputs, small controls, focus chips */
  --radius-md: 8px;        /* cards on the marketing stage */
  --radius-pill: 999px;    /* marketing CTAs & status dots only */

  /* ---- Border widths ---- */
  --border-hairline: 1px;
  --border-rule: 1.6px;    /* the structural dossier rule */
  --border-plate: 2.4px;   /* badge / plate frames */
  --coral-baseline: 6px;   /* the coral bar that signs off a banner / section */

  /* ---- Shadow ---- (used sparingly; the dark stage prefers borders to shadows) */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(10,10,11,0.06), 0 8px 24px rgba(10,10,11,0.06);
  --shadow-pop: 0 12px 40px rgba(10,10,11,0.18);

  /* ---- Motion (the 'Pulse' easings) ---- */
  /* arms extend */
  --ease-pulse-arm: cubic-bezier(0.22, 1.00, 0.36, 1); /* @kind other */
  /* coral dot lands (slight overshoot) */
  --ease-pulse-dot: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.18s; /* @kind other */
  --dur-base: 0.25s; /* @kind other */
  --dur-slow: 0.66s; /* @kind other */
}