/* RouterPlus brand tokens. Source: routerplus.com home.css + Figma "Router+ Launch Creative GTM" (Brand Identity > Colour palette). */
:root {
  /* Core */
  --rp-blue: #315CDA;        /* brand colour: logo mark, primary buttons, links */
  --rp-blue-dark: #2449B8;   /* hover / pressed */
  --rp-ink: #302E23;         /* text, dark panels */
  --rp-paper: #FEFCFB;       /* page background */
  --rp-muted: #6B6656;       /* secondary text */
  --rp-line: #E3E1DE;        /* rules, borders */

  /* Accents (use with their tints for fills and gradients) */
  --rp-periwinkle: #C9D8F8;
  --rp-lilac: #C4B8FA;   --rp-lilac-tint: #E8E2FC;
  --rp-pink: #E6C0EC;    --rp-pink-tint: #F4E2F6;
  --rp-butter: #F2D58F;  --rp-butter-tint: #F9EDCE;

  /* Type */
  --rp-font-display: "Serotiva", "Hanken Grotesk", system-ui, sans-serif; /* headlines */
  --rp-font-sans: "Geist", system-ui, sans-serif;                          /* body, UI */
  --rp-font-mono: "Geist Mono", ui-monospace, monospace;                   /* code, labels, numbers */
}