/* Kepler / Slipstream — approved Signal Blue + Midnight Blue palette.
   Copy this file to /brand/kepler/kepler.css with fonts/ adjacent. */
@font-face {font-family:Manrope;src:url("./fonts/manrope-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:Manrope;src:url("./fonts/manrope-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face {font-family:Manrope;src:url("./fonts/manrope-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face {font-family:Manrope;src:url("./fonts/manrope-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
:root {
  --kp-signal:#176BFF;
  --kp-midnight:#102A56;
  --kp-ink:#17212D;
  --kp-paper:#F5F8FC;
  --kp-white:#FFFFFF;
  --kp-muted:#526174;
  --kp-border:#D5DEEB;
  --kp-text-link:var(--kp-midnight);
  --kp-action-bg:var(--kp-signal);
  --kp-action-text:var(--kp-white);
  --kp-action-hover-bg:var(--kp-midnight);
  --kp-font:Manrope,Arial,Helvetica,sans-serif;
  --kp-body-size:1rem;
  --kp-body-leading:1.6;
  --kp-reading-width:72ch;
  --kp-content-width:75rem;
  --kp-radius-action:6px;
  --kp-radius-panel:12px;
  --kp-space-1:4px; --kp-space-2:8px; --kp-space-3:12px;
  --kp-space-4:16px; --kp-space-6:24px; --kp-space-8:32px;
  --kp-space-12:48px; --kp-space-16:64px;
}
/* Integration guidance, not a second CSS reset:
 * Body: ink on paper/white. Small links: midnight, underlined.
 * Primary button: white on signal; hover white on midnight.
 * Dark sections: white text and the white logo on midnight.
 * Do not use signal small text on paper or midnight (see contrast guide).
 * Focus: visible contrasting outline in each surface, never color-only.
 */