/* ============================================================
   Great Kei Rugby — Spacing, radius, shadow, motion, layout
   ============================================================ */
:root {
  /* Spacing — 4px base grid */
  --space-0:  0;
  --space-1:  0.25rem; /* 4  */
  --space-2:  0.5rem;  /* 8  */
  --space-3:  0.75rem; /* 12 */
  --space-4:  1rem;    /* 16 */
  --space-5:  1.5rem;  /* 24 */
  --space-6:  2rem;    /* 32 */
  --space-7:  3rem;    /* 48 */
  --space-8:  4rem;    /* 64 */
  --space-9:  6rem;    /* 96 */

  /* Radius — the brand favours crisp, near-square corners
     that echo the bold flat-cut crest linework. */
  --radius-xs:   3px;
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   18px;
  --radius-pill: 999px;

  /* Border widths — the heavy 2–3px outline is a brand signature */
  --border-hairline: 1px;
  --border-thin:     1.5px;
  --border-bold:     2px;
  --border-heavy:    3px;  /* crest-style outline */

  /* Shadows — soft, warm, low. No blue-grey UI shadows. */
  --shadow-xs: 0 1px 2px rgba(10, 10, 10, 0.06);
  --shadow-sm: 0 2px 6px rgba(10, 10, 10, 0.08);
  --shadow-md: 0 6px 18px rgba(10, 10, 10, 0.10);
  --shadow-lg: 0 16px 40px rgba(10, 10, 10, 0.14);
  /* Signature "hard offset" — a solid ink drop, like a sticker */
  --shadow-hard: 4px 4px 0 var(--ink-900);
  --shadow-hard-gold: 4px 4px 0 var(--gold-500);
  --shadow-hard-aloe: 4px 4px 0 var(--aloe-800);

  /* Motion — brisk and confident, a touch of spring */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 220ms; /* @kind other */
  --dur-slow:   400ms; /* @kind other */

  /* Layout */
  --container-max: 1200px;  /* @kind spacing */
  --container-wide: 1400px; /* @kind spacing */
  --header-h: 72px;         /* @kind spacing */
}