:root {
  --bg: #05070b;
  --surface: #0c1018;
  --border: #1e2533;
  --text: #f4f7fb;
  --text-muted: #9aa6b8;
  --accent: #3b82f6;
  --accent-hover: #60a5fa;
  --accent-soft: rgba(59, 130, 246, 0.14);
  --accent-dim: rgba(59, 130, 246, 0.45);

  --light-bg: #f5f7fb;
  --light-surface: #ffffff;
  --light-border: #dbe3ef;
  --light-text: #0b1220;
  --light-muted: #5b677a;

  --font-display: "Syne", "Helvetica Neue", sans-serif;
  --font-editorial: "Instrument Serif", "Times New Roman", serif;
  --font-body: "Satoshi", "Helvetica Neue", system-ui, sans-serif;

  --nav-h: 5.5rem;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --section-y: clamp(4.5rem, 11vw, 8.5rem);
  --max: 1400px;

  /* Emil design-eng curves */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease: var(--ease-out);
  --duration: 0.7s;
  --duration-press: 120ms;
  --duration-ui: 180ms;
  --duration-hover: 160ms;
}