/* Design tokens: one committed dark "thermal spectrum" theme, like a GPU heat map.
   Change colours, fonts and radii here; styles.css only reads these variables. */
:root{
  color-scheme:dark;

  /* surfaces, darkest to lightest */
  --void:#0A0B14; --deep:#10122A; --panel:#151833; --panel-2:#1C2042;

  /* text */
  --text:#F3EFF8; --dim:#A6A8C4; --faint:#4A4E78;

  /* spectrum accents, always used in this order */
  --coral:#FF5E5B; --saffron:#FFB547; --mint:#2EE6A6; --sky:#4CC2FF;
  --spectrum:linear-gradient(90deg,var(--coral),var(--saffron) 35%,var(--mint) 68%,var(--sky));

  /* type: Syne for headings, Manrope for body, DM Mono for kickers, labels and code */
  --display:"Syne","Futura","Trebuchet MS",system-ui,sans-serif;
  --body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;

  /* radii: panels, cards, pills */
  --r-md:14px; --r-lg:26px; --r-pill:999px;

  /* page side padding: never below 16px */
  --gutter:clamp(16px,4vw,52px);
}