:root {
  color-scheme: light;
  --brand-orange: #f7a945;
  --brand-cyan: #009ed5;
  --brand-navy: #163d68;
  --brand-slate: #435a63;
  --bg: #ffffff;
  --surface: #f5f5f7;
  --ink: #202733;
  --muted: #5b626c;
  --line: #dce0e5;
  --action: #163d68;
  --action-hover: #0e2b4d;
  --focus: #006c93;
  --stage: #101c2d;
  --on-stage: #f7f9fc;
  --muted-stage: #bac8d6;
  --max: 1480px;
  --gutter: clamp(22px, 5vw, 80px);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
