/* nicefox · design tokens ─────────────────────────────── */
:root {
  --nf-fox:      #C46B33;
  --nf-cream:    #F1E6CD;
  --nf-ink:      #1F1610;
  --nf-brick:    #A23F2B;
  --nf-green:    #2E4A35;
  --nf-mustard:  #D9A03E;

  --nf-bg:       var(--nf-cream);
  --nf-surface:  #FFFFFF;
  --nf-border:   rgba(31,22,16,0.12);
  --nf-border-strong: rgba(31,22,16,0.22);
  --nf-divider:  rgba(31,22,16,0.08);
  --nf-muted:    rgba(31,22,16,0.55);
  --nf-faint:    rgba(31,22,16,0.32);

  --nf-on-ink:         #F1E6CD;
  --nf-on-ink-muted:   rgba(241,230,205,0.55);
  --nf-on-ink-divider: rgba(241,230,205,0.10);

  --nf-display: "Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;
  --nf-body:    "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  --nf-mono:    "JetBrains Mono", "SF Mono", "Roboto Mono", monospace;
  --nf-italic:  "Instrument Serif", "Times New Roman", serif;

  --nf-fs-mono:  11px;
  --nf-fs-13:    13px;
  --nf-fs-15:    15px;
  --nf-fs-18:    18px;
  --nf-fs-22:    22px;
  --nf-fs-26:    26px;
  --nf-fs-38:    38px;
  --nf-fs-76:    76px;

  --nf-radius-sm:    0px;
  --nf-radius-md:   10px;
  --nf-radius-pill: 999px;

  --nf-gap-1:  8px;
  --nf-gap-2: 16px;
  --nf-gap-3: 24px;
  --nf-gap-4: 36px;
  --nf-gap-5: 56px;

  --nf-sidebar-w:      268px;
  --nf-sidebar-w-slim: 220px;

  --nf-shadow-card:   0 4px 0 rgba(31,22,16,0.04);
  --nf-shadow-strong: 0 6px 16px rgba(0,0,0,0.18), inset 0 0 0 1px rgba(0,0,0,0.06);

  --nf-track-mono:    0.20em;
  --nf-track-display: 0.06em;
}

html, body { margin: 0; padding: 0; background: var(--nf-bg); color: var(--nf-ink); }
body {
  font-family: var(--nf-body);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nf-mono    { font-family: var(--nf-mono); font-size: var(--nf-fs-mono);
              letter-spacing: var(--nf-track-mono); text-transform: uppercase; }
.nf-italic  { font-family: var(--nf-italic); font-style: italic; }
.nf-display { font-family: var(--nf-display); font-weight: 900; }