/* Ramprt brand tokens + base reset — shared by the app (styles.css) and the
   marketing site (site.css). Source of truth: BRAND.md §3 (colour) + §4 (type). */
:root{
  /* core */
  --white:#FFFFFF;
  --charcoal:#212121;
  --stone:#F3F3F3;
  --slate:#4B4B4B;
  --grey-mid:#9CA3AF;
  --border:#E5E7EB;
  /* signal — teal (accent on dark grounds only) */
  --teal:#47FFCE;
  --teal-tint:rgba(71,255,206,.28);
  --teal-tint-soft:rgba(71,255,206,.16);
  /* support */
  --sage:#6BA09D;
  --lime:#D4FF8B;
  --purple:#675FEC;
  --clay:#B14A33;
  /* layered darks for depth on charcoal grounds */
  --char-1:#1A1A1A;
  --char-2:#161616;
  --char-line:rgba(255,255,255,.06);

  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
[hidden]{display:none!important}