/* ---- Outfit (self-hosted) ---- */
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/outfit-400.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/outfit-500.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/outfit-600.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/outfit-700.woff2") format("woff2"); }

:root {
  /* type */
  --font-sans: "Outfit", system-ui, -apple-system, Segoe UI, sans-serif;

  /* color — verified from vector source */
  --bg:          #F7F7F7;
  --ink:         #0F172A;  /* headline + wordmark */
  --ink-pure:    #000000;  /* Join Waitlist button */
  --tile:        #191919;  /* app-icon tile */
  --green:       #37D492;  /* brand mark, recenter, focus ring */
  --mint:        #9CF2CE;  /* soft fills + background glow */
  --text-muted:  #8A8A8A;  /* subheading (provisional, refine vs Figma) */
  --input-fill:  #F0F0F0;
  --border:      #E1E1E1;

  /* type scale (headline/subhead derived from screenshots — nudge to taste) */
  --headline-size: 58px;
  --headline-maxw: 700px;
  --subhead-size:  18px;
  --subhead-maxw:  480px;

  /* layout — Figma canvas 1512 wide, centered column */
  --canvas-w: 1512px;
}