:root {
  /* Surfaces */
  --bg: #0e0e10;
  --surface: #17171a;
  --surface-2: #1f1f24;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);

  /* Ink */
  --text: #f5f3f0;
  --text-invert: #131316;
  --muted: #9b9aa3;

  /* Accents */
  --accent: #f2622a;
  --accent-hi: #ff7a3d;
  --accent-soft: rgba(242, 98, 42, 0.13);
  --risk: #ff6f5e;
  --ok: #4fd18b;

  /* The flat orange baked into the hero render — keeps the seam invisible */
  --stage: #ee5c29;

  /* Type */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Layout */
  --wrap: 1180px;
  --gutter: clamp(1.5rem, 6vw, 2.25rem);
  --rhythm: clamp(4rem, 9vw, 7.5rem);
  --header-h: 4.25rem;

  /* Shape */
  --r-lg: 26px;
  --r-md: 18px;
  --r-sm: 11px;
  --r-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 0.18s;
  --slow: 0.32s;
}