/* ============================================================
   LOCALACT — Neutral & Status ramps   ·  DESIGN-SYSTEM.md §5 / §3
   ------------------------------------------------------------
   In the production SCSS these primitives live only in Sass and are
   baked into the semantic layer. For CSS/HTML consumers we expose the
   ramps so fine-grained shades are reachable — but PREFER the semantic
   tokens in semantic.css (--la-surface, --la-text-*, --la-status-*-*).

   Neutral is hand-tuned (NOT client-swappable): near-neutral grays with
   a ~2pt cool tint to harmonize with the navy brand. It intentionally
   departs from the brand guide's cool Light Gray #CCD5E4.
   Status ramps are static (not client-swappable; dark mode may override).
   ============================================================ */

:root {
  /* ── Neutral (hand-tuned) ────────────────────────────────── */
  --la-neutral-0:   #ffffff;
  --la-neutral-50:  #f5f5f7;  /* app background */
  --la-neutral-100: #ececee;  /* sunken / wells  */
  --la-neutral-200: #e5e5e7;  /* border          */
  --la-neutral-300: #d4d4d7;
  --la-neutral-400: #a9a9ae;
  --la-neutral-500: #6e6e73;  /* muted text      */
  --la-neutral-600: #545458;
  --la-neutral-700: #454547;
  --la-neutral-800: #3d3d3d;  /* body text (brand Dark Gray) */
  --la-neutral-900: #2a2a2b;  /* headings        */
  --la-neutral-950: #18181a;

  /* ── success (green) ─────────────────────────────────────── */
  --la-status-success-50:  #f4faf7;
  --la-status-success-100: #e4f3eb;
  --la-status-success-200: #c5e6d3;
  --la-status-success-300: #9cd4b4;
  --la-status-success-400: #62ba88;
  --la-status-success-500: #1f9d55;
  --la-status-success-600: #1b8a4b;
  --la-status-success-700: #17743f;
  --la-status-success-800: #125b31;
  --la-status-success-900: #0d4224;
  --la-status-success-950: #092c18;

  /* ── warning (amber) ─────────────────────────────────────── */
  --la-status-warning-50:  #fefbf3;
  --la-status-warning-100: #fcf6e1;
  --la-status-warning-200: #faebbf;
  --la-status-warning-300: #f6de92;
  --la-status-warning-400: #f0ca52;
  --la-status-warning-500: #eab308;
  --la-status-warning-600: #ce9e07;
  --la-status-warning-700: #ad8406;
  --la-status-warning-800: #886805;
  --la-status-warning-900: #624b03;
  --la-status-warning-950: #423202;

  /* ── error (red) ─────────────────────────────────────────── */
  --la-status-error-50:  #fdf5f4;
  --la-status-error-100: #fae6e4;
  --la-status-error-200: #f5c8c5;
  --la-status-error-300: #eea39d;
  --la-status-error-400: #e46c63;
  --la-status-error-500: #d92d20;
  --la-status-error-600: #bf281c;
  --la-status-error-700: #a12118;
  --la-status-error-800: #7e1a13;
  --la-status-error-900: #5b130d;
  --la-status-error-950: #3d0d09;

  /* ── info (blue) ─────────────────────────────────────────── */
  --la-status-info-50:  #f4f8fe;
  --la-status-info-100: #e5eefd;
  --la-status-info-200: #c6dafa;
  --la-status-info-300: #9fc0f6;
  --la-status-info-400: #669bf1;
  --la-status-info-500: #2570eb;
  --la-status-info-600: #2163cf;
  --la-status-info-700: #1b53ae;
  --la-status-info-800: #154188;
  --la-status-info-900: #102f63;
  --la-status-info-950: #0a1f42;
}