:root {
  --nl-color-navy: #173f70;
  --nl-color-blue: #1769c2;
  --nl-color-blue-soft: #edf6fd;
  --nl-color-coral: #ed675d;
  --nl-color-gold: #f2b84b;
  --nl-color-green: #2f945f;
  --nl-color-violet: #7657c8;
  --nl-color-ink: #263746;
  --nl-color-muted: #66798a;
  --nl-color-line: #d8e5ed;
  --nl-color-surface: #fff;
  --nl-color-background: #edf4f7;
  --nl-font: "Segoe UI", Roboto, Arial, sans-serif;
  --nl-space-1: 4px;
  --nl-space-2: 8px;
  --nl-space-3: 12px;
  --nl-space-4: 16px;
  --nl-space-5: 20px;
  --nl-space-6: 28px;
  --nl-radius-control: 11px;
  --nl-radius-card: 16px;
  --nl-radius-panel: 20px;
  --nl-shadow-card: 0 7px 22px rgba(23, 63, 112, .08);
  --nl-shadow-panel: 0 12px 32px rgba(23, 63, 112, .10);
  --nl-content-max: 1180px;
  --nl-exercise-max: 1040px;
  --nl-focus: #f0aa24;
  --nl-transition: 140ms ease;
}