/* ============================================================
   November — design system (ported from design_handoff_november)
   White paper · black sidebar · orange/lime/neon accents
   Archivo (display) · Space Grotesk (UI) · Manrope (prose)
   Instrument Serif italic (accent word)
   Applied so far: sidebar + Dashboard screen.
   ============================================================ */

:root {
  /* surfaces */
  --paper: #ffffff;
  --panel: #ffffff;
  --white: #ffffff;
  --rail: #f4f5f6;
  --ink: #0c0d0e;
  --ink-2: #3c4048;
  --muted: #6b7077;
  --faint: #aab0b7;
  --line: #ececec;
  --line-2: #d9dcdf;
  --rule: #0c0d0e;
  --side-bg: #0b0c0d;

  /* brand accent — neon orange */
  --accent: #fc3e22;
  --accent-2: #e0341a;
  --accent-soft: #ffe9e5;
  --accent-tint: #fff5f3;

  /* secondary neon accents */
  --lime: #deff00;
  --neon: #1f8fff;

  /* status / data accents */
  --red: #fc3e22;
  --amber: #ff8c1a;
  --green: #15b85c;
  --blue: #1f8fff;
  --violet: #b026ff;
  --teal: #00d1b0;
  --gold: #e3a008;

  --red-soft: #ffe9e5;
  --amber-soft: color-mix(in srgb, var(--amber) 16%, white);
  --green-soft: color-mix(in srgb, var(--green) 15%, white);
  --blue-soft: #e7f1ff;

  --sans: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --read: "Manrope", system-ui, -apple-system, sans-serif;
  --display: "Archivo", system-ui, sans-serif;
  --serif: "Instrument Serif", Georgia, serif;

  /* Type scale — one home for text sizes, collapsing the ~37 ad-hoc px values
     that had accreted. Each rung lists the raw values it replaces; sub-px .5
     variants fold in invisibly, the handful of 1–2px shifts are intentional. */
  --fs-1: 9px;    /* avatar initials, micro dots           (8, 9)                */
  --fs-2: 11px;   /* tiny labels & badges                  (10, 10.5, 11, 11.5)  */
  --fs-3: 12px;   /* small labels, chips, pills            (12, 12.5)            */
  --fs-4: 13px;   /* secondary / list body — most common   (13, 13.5)            */
  --fs-5: 14px;   /* body text, inputs                     (14, 14.5)            */
  --fs-6: 16px;   /* card titles, section heads            (15, 15.5, 16)        */
  --fs-7: 20px;   /* subheads                              (18, 19, 20)          */
  --fs-8: 23px;   /* large headings                        (22, 23)              */
  --fs-9: 30px;   /* page title                            (30)                  */

  /* Spacing scale — padding / margin / gap. ±1–2px rounding is imperceptible
     for layout whitespace, so these consolidate more aggressively. */
  --sp-1: 2px;    /* (1, 2, 3)              */
  --sp-2: 4px;    /* (4, 5)                 */
  --sp-3: 6px;    /* (6, 7)                 */
  --sp-4: 8px;    /* (8, 9)                 */
  --sp-5: 12px;   /* (10, 11, 12, 13)       */
  --sp-6: 16px;   /* (14, 16, 18)           */
  --sp-7: 24px;   /* (22, 24, 28)           */
  --sp-8: 32px;   /* (30, 32, 36, 40, 48)   */
}