/* RLR Brand tokens — mirrors the Webflow "RLR Brand" variable collection 1:1.
   Any change here must be mirrored in Webflow, and vice versa. */
:root{
  /* Brand signal colours — safe on navy, NOT on light (see -deep variants) */
  --green-glow:#21D9B7;
  --blue-glow:#0099CC;
  /* Accessible variants for light backgrounds (WCAG AA verified) */
  --green-deep:#14826E;
  --blue-deep:#00779F;
  /* Core */
  --navy:#172243;
  --navy-raised:#1F2C52;
  --white:#FFFFFF;
  --light-tile:#EDFAFA;
  --tile:#F3F5F9;
  --tile-border:#CCD4E2;
  /* Grey ramp — almost all of a UI is grey */
  --grey-100:#F4F6F9;
  --grey-200:#E3E8EF;
  --grey-300:#CBD3DF;
  --grey-400:#9AA7B8;
  --grey-500:#74839A;
  --grey-600:#566379;
  --grey-700:#3D4859;
  --grey-800:#28313F;
  /* Text on navy — real colours, never white-at-opacity */
  --on-navy-secondary:#A8B6CE;
  --on-navy-muted:#8395B2;
  /* Type */
  --font-display:'Montserrat',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  /* Spacing scale — no value off this scale */
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;
  --space-8:128px;
  /* Structure */
  --radius-card:16px;
  --radius-strip:24px;
  --space-card-pad:32px;
  --container-max:1280px;
  --measure:34em;
  /* Elevation — five steps, chosen by z-axis not by taste */
  --shadow-1:0 1px 3px hsla(215,45%,12%,.16);
  --shadow-2:0 4px 6px hsla(215,45%,12%,.14);
  --shadow-3:0 10px 24px hsla(215,45%,12%,.16);
  --shadow-4:0 15px 35px hsla(215,60%,6%,.35);
  --shadow-5:0 30px 60px hsla(215,60%,6%,.45);
}