:root {
  --sru-navy: #06366b;
  --sru-teal: #079db3;
  --sru-cyan: #20c3d5;
  --sru-blue: #2463ad;
  --sru-purple: #633b9c;
  --sru-gold: #f7b34f;
  --sru-coral: #f47b72;
  --sru-ink: #17263b;
  --sru-paper: #ffffff;
  --sru-mist: #eef7fa;

  --sru-sea: var(--sru-teal);
  --sru-home: var(--sru-purple);
  --sru-road: var(--sru-blue);
  --sru-life: var(--sru-coral);

  --sru-gradient-brand: linear-gradient(110deg, var(--sru-teal), var(--sru-blue) 54%, var(--sru-purple));
  --sru-gradient-sunset: linear-gradient(110deg, var(--sru-gold), var(--sru-coral), var(--sru-purple));

  --sru-radius-small: 0.5rem;
  --sru-radius-medium: 1rem;
  --sru-radius-large: 1.75rem;
  --sru-shadow-soft: 0 1rem 2.5rem rgb(6 54 107 / 14%);
  --sru-content-width: 75rem;
}

/* These are portable design tokens, not a drop-in replacement for the site's existing CSS. */