:root {
  /* Legacy aliases. New work consumes --nf-* tokens directly. */
  --bg-primary: var(--nf-color-canvas);
  --bg-secondary: var(--nf-color-surface);
  --bg-elevated: var(--nf-alpha-white-03);
  --border: var(--nf-alpha-white-07);
  --text-primary: var(--nf-color-text);
  --text-secondary: var(--nf-color-text-muted);
  --accent-purple: var(--nf-color-accent);
  --accent-blue: #5f87ff;
  --danger: var(--nf-color-danger-500);
  --safe: var(--nf-color-success-500);
  --shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  --radius-lg: var(--nf-radius-lg);
  --radius-md: 14px;
  --radius-sm: var(--nf-space-2);
}

* {
  box-sizing: border-box;
  font-family: var(--nf-font-ui);
}

html,
body {
  margin: 0;
  background: var(--nf-color-canvas);
  color: var(--text-primary);
  min-height: 100vh;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font-family: inherit;
}