/* enrooted spacing, radii, borders, shadows, motion.
   The brand doc mandates "generous white- and dark-space" and round, soft forms; the scale below is a 4px base. */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  --gutter:24px;
  --section-y:96px;        /* vertical rhythm between page sections */
  --section-y-tight:64px;
  --content-max:1160px;    /* marketing measure */
  --prose-max:68ch;        /* reading measure */

  /* Radii — round before sharp */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Borders */
  --border-hairline:1px;
  --border-accent:3px;     /* the turquoise accent line, 3–4px (chapter 5.3) */
  --border-accent-thick:4px;

  /* Shadows — never on the logo; soft navy-tinted only */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(13,24,53,.06);
  --shadow-card:0 2px 8px rgba(13,24,53,.06);
  --shadow-raised:0 8px 24px rgba(13,24,53,.10);
  --shadow-overlay:0 24px 64px rgba(13,24,53,.24);
  --shadow-focus:0 0 0 3px var(--turquoise-32);

  /* Motion — calm, no bounce */
  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --dur-fast:120ms;        /* @kind other */
  --dur-base:200ms;        /* @kind other */
  --dur-slow:360ms;        /* @kind other */
  --dur-spin:2400ms; /* @kind other */

  --decor-opacity:.18; /* @kind other */
  --decor-opacity-max:.25; /* @kind other */
}