/* nine.zero site tokens — light mode is canonical (Paper: 9.0 New Site, page 4-0). */

:root {
  /* Ground and bands */
  --np-ground: #f6f5f4;      /* page ground */
  --np-band: #ffffff;        /* zebra band */
  --np-tint: #e9ece5;        /* lime-tinted surface (active menu item) */
  --np-tint-2: #e4ebdc;      /* soft green card */
  --np-lavender: #e2dfea;    /* portrait band */
  --np-paper: #f5f2ec;

  /* Text */
  --np-ink: #20242a;
  --np-ink-2: #2b3038;
  --np-text-2: #62666d;      /* secondary copy */
  --np-muted: #8c9098;       /* tertiary / placeholders */

  /* Lines */
  --np-hair: #e3e1de;
  --np-hair-2: #d8dbd5;      /* menu borders */

  /* Dark surfaces */
  --np-dark: #20242a;
  --np-dark-2: #252a30;      /* card on dark */
  --np-dark-3: #2b3038;
  --np-dark-hair: #343a42;
  --np-dark-hair-2: #3e454e;
  --np-dark-text: #f6f5f4;
  --np-dark-muted: #bfc3c8;

  /* Brand */
  --np-lime: #85ee00;
  --np-lime-deep: #5fab00;
  --np-status: #5fab00;

  /* Agents (cursor + selection-frame theme): six roles working on the site */
  --np-agent-designer: #85ee00;
  --np-agent-researcher: #3b9dff;
  --np-agent-builder: #ffb020;
  --np-agent-tester: #ff4fa3;
  --np-agent-analyst: #ff6b1a;
  --np-agent-writer: #17d1c6;

  /* Buttons */
  --np-btn: #20242a;
  --np-btn-text: #fffffe;

  /* Snake handset (404) */
  --np-lcd: #b7cc63;
  --np-lcd-pixel: #1f2a12;
  --np-bezel: #131316;

  /* Footer */
  --np-foot: #20242a;
  --np-foot-text: #f6f5f4;
  --np-foot-muted: #bfc3c8;
  --np-foot-hair: #42474e;

  /* Type */
  --np-font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --np-font-body: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --np-font-mono: 'Geist Mono', ui-monospace, Menlo, monospace;

  /* Layout */
  --np-container: 1280px;
  --np-gutter: 80px;
  --np-nav-h: 87px;
  --np-radius-card: 20px;
  --np-radius-tile: 14px;
  --np-radius-chip: 8px;
}

@media (max-width: 1100px) {
  :root { --np-gutter: 40px; }
}

@media (max-width: 720px) {
  :root { --np-gutter: 24px; --np-nav-h: 64px; }
}