/* Netcalibre spacing, radius and layout tokens. */

:root {
  /* Corner radii — square-edged and technical; bullets are hard squares */
  --radius-btn-sm: 8px;    /* nav buttons, small controls */
  --radius-btn: 10px;      /* hero / CTA buttons */
  --radius-panel: 12px;    /* stat strips, small panels, inputs (8px) */
  --radius-card: 16px;     /* service & case-study cards, modals */
  --radius-input: 8px;

  /* Page grid */
  --page-max-width: 1200px;
  --page-pad-x: 32px;
  --section-pad-y: 104px;  /* hero 96px, CTA 112px */
  --nav-height: 68px;

  /* Component spacing */
  --card-pad: 32px 30px;
  --gap-card-grid: 20px;
  --gap-section-head: 52px;

  /* Marks */
  --square-bullet: 8px;    /* pink square bullet — never a circle */
  --square-bullet-lg: 12px;

  /* Motion */
  --ease-reveal: cubic-bezier(.22, .61, .36, 1); /* @kind other */
  --dur-reveal: .7s; /* @kind other */
  --dur-hover: .25s; /* @kind other */
}