/* Noetfield design tokens v3 — institutional */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Serif:ital,wght@0,500;0,600;1,500&display=swap");

:root {
  /* Color */
  --bg0: #07070b;
  --bg1: #0b0b14;
  --panel: rgba(255, 255, 255, 0.055);
  --panel2: rgba(255, 255, 255, 0.038);
  --text: #eff0f7;
  --muted: #b9bbcf;
  --muted2: #8e91ad;
  --line: rgba(255, 255, 255, 0.11);
  --gold: #c8a349;
  --gold-dim: rgba(200, 163, 73, 0.35);
  --ok: #2de38a;
  --okGlow: rgba(45, 227, 138, 0.18);

  /* Layout */
  --max: 1140px;
  --radius: 18px;
  --radius-sm: 12px;
  --navH: 72px;
  --section-y: clamp(56px, 8vw, 88px);
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.62);
  --shadow2: 0 14px 50px rgba(0, 0, 0, 0.5);
  --focus: 0 0 0 4px rgba(200, 163, 73, 0.22);

  /* Typography */
  --font-sans: "IBM Plex Sans", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.65rem, 4.5vw, 2.65rem);
  --leading-tight: 1.12;
  --leading-body: 1.65;
  --tracking-caps: 0.12em;

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0.01ms;
    --motion-base: 0.01ms;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --motion-fast: 0.15s;
    --motion-base: 0.2s;
  }
}