/* ============================================================
   SPACING · RADII · SHADOWS · LAYOUT
   ============================================================ */
:root {
  /* Spacing scale (rem) */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4rem;
  --sp-9:  6rem;
  --sp-10: 8rem;

  /* Page gutters */
  --gutter:     3rem;
  --gutter-sm:  1.5rem;

  /* Radii — restrained; the brand favours hairlines over big rounding */
  --r-xs:  2px;
  --r-sm:  3px;
  --r-md:  4px;
  --r-lg:  8px;     /* project cards */
  --r-xl:  12px;    /* modal panel */
  --r-pill: 30px;   /* badges, capsule buttons */

  /* Hairline border */
  --border:        1px solid var(--line);
  --border-strong: 1px solid var(--line-strong);

  /* Shadows — soft, low; the paper theme barely lifts */
  --shadow-hairline: 0 0 0 1px var(--line);
  --shadow-sm:  0 2px 10px rgba(20,18,16,.06);
  --shadow-md:  0 20px 50px rgba(20,18,16,.10);
  --shadow-lg:  0 30px 70px rgba(20,18,16,.14);

  /* 3D theme glows — used with the neon accents */
  --glow-orange: 0 0 40px rgba(255,90,44,.35);
  --glow-blue:   0 0 50px rgba(91,140,255,.30);
}