:root{
  /* ============================================================
     SPACING SCALE
     ============================================================ */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;

  /* Layout */
  --container-max:1180px;   /* .wrap width on the site */
  --nav-item-h:89px;        /* top-nav cell height */
  --gutter:24px;

  /* ============================================================
     RADII — the theme uses small, near-square corners (2–3px)
     ============================================================ */
  --radius-sm:2px;
  --radius-md:3px;          /* inputs, buttons */
  --radius-lg:6px;
  --radius-pill:999px;

  /* ============================================================
     BORDERS
     ============================================================ */
  --border-width:1px;       /* @kind other */
  --border-hairline:2px;    /* @kind other */

  /* ============================================================
     SHADOWS — restrained, grey drop shadows only
     ============================================================ */
  --shadow-dropdown:4px 5px 7px rgba(0,0,0,0.2);   /* nav submenu */
  --shadow-card:0 1px 4px rgba(50,57,68,0.14);
  --shadow-raised:0 6px 18px rgba(50,57,68,0.18);
  --shadow-none:none;

  /* ============================================================
     MOTION
     ============================================================ */
  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --dur-fast:120ms;  /* @kind other */
  --dur-base:200ms;  /* @kind other */
  --dur-slow:400ms;  /* @kind other */
}