/* IT Solu layout & spacing. 16-column grid, full-bleed sections,
   generous whitespace, hairline-divided list rows. */
:root {
  --container-columns: 16; /* @kind other */
  --container-gap: 2rem;
  --container-padding: 4rem;        /* desktop side padding */
  --container-padding-mobile: 1.25rem;
  --container-max: 100rem;
  --section-padding-y: clamp(6rem, 12vw, 12rem);

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Radii — mostly sharp; the circle is a recurring brand motif */
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-hover: 300ms; /* @kind other */
  --dur-reveal: 1000ms; /* @kind other */
}