/* =============================================================
   NextMaps Design Tokens — single source of truth for colour & type
   Derived from the official NextMaps Logo Sheet (assets/A8900-NextMaps Logo Sheet-1.pdf).
   New code references these tokens; never hardcode hex.
   See Documentation/DESIGN_SYSTEM.md for usage rules.
   ============================================================= */

:root {
  /* ---- Brand palette (exact PANTONE values from the logo sheet) ---- */
  --nm-primary:        #005387; /* PANTONE 301 CP  — primary blue, logo */
  --nm-primary-bright: #00689E; /* PANTONE 3015 CP — bright blue, accents */
  --nm-blue:           #6D9FC2; /* PANTONE 2170 CP — mid blue */
  --nm-blue-light:     #A9C0DE; /* PANTONE 2717 CP — light blue */
  --nm-blue-pale:      #DFE6EF; /* PANTONE 656 CP  — pale blue */
  --nm-slate:          #687989; /* PANTONE 2166 CP — slate grey */
  --nm-sage:           #B8C7C6; /* PANTONE 4155 CP — sage grey */

  /* ---- Brand RGB (for rgba() alpha fills/glows) ---- */
  --nm-blue-rgb:       109, 159, 194; /* #6D9FC2 */
  --nm-primary-rgb:    0, 83, 135;    /* #005387 */

  /* ---- Dark chrome (brand-aligned dark — derived from #005387 hue) ---- */
  --nm-bg-deep:   #03283F; /* deepest — map / canvas backdrop */
  --nm-bg:        #05273D; /* app background, toolbar, sidebar */
  --nm-surface:   #0A3550; /* panels, dropdowns */
  --nm-surface-2: #0E4063; /* cards, raised panels, hover rows */

  /* RGB companions for alpha fills/gradients on chrome surfaces */
  --nm-bg-rgb:      5, 39, 61;  /* #05273D */
  --nm-bg-deep-rgb: 3, 40, 63;  /* #03283F */
  --nm-surface-rgb: 10, 53, 80; /* #0A3550 */

  --nm-border:        rgba(var(--nm-blue-rgb), 0.25);
  --nm-border-strong: rgba(var(--nm-blue-rgb), 0.45);

  /* ---- Accents (replaces the off-brand teal #50e3c2 / #45d1b8) ---- */
  --nm-accent:        #6D9FC2; /* glow accent on dark (text, icons, borders) */
  --nm-accent-bright: #00689E; /* strong accent, primary button background */
  --nm-accent-deep:   #005387; /* button hover / pressed */

  /* ---- Text on dark ---- */
  --nm-text:       #DFE6EF; /* primary text */
  --nm-text-muted: #A9C0DE; /* secondary text */
  --nm-text-dim:   #6D9FC2; /* tertiary / captions */
  --nm-text-faint: #687989; /* disabled / faint */

  /* ---- Status (consolidated — use these, not one-off greens/ambers/reds) ---- */
  --nm-success:     #2E9E5B;  --nm-success-rgb: 46, 158, 91;
  --nm-warning:     #FFB300;  --nm-warning-rgb: 255, 179, 0;
  --nm-danger:      #E53935;  --nm-danger-rgb:  229, 57, 53;
  --nm-info:        #6D9FC2;

  /* Marketplace / "For Sale" CTA accent — the one sanctioned orange (ties to the
     orange For-Sale markers on the map). The brand has no orange; do not invent more. */
  --nm-orange:       #E5521A;  --nm-orange-rgb: 229, 82, 26;
  --nm-orange-light: #FF6B35;

  /* ---- Typography (brand font: Roboto; fallback per sheet: Arial) ---- */
  --nm-font:         'Roboto', Arial, system-ui, -apple-system, sans-serif;
  --nm-font-mono:    'Roboto Mono', ui-monospace, 'Courier New', monospace;
  --nm-weight-light: 300; /* Heading 1 + Body per sheet */
  --nm-weight-reg:   400;
  --nm-weight-med:   500;
  --nm-weight-bold:  700; /* Heading 2 per sheet */

  /* ---- Radius / elevation ---- */
  --nm-radius-sm:   4px;  /* chips, small controls */
  --nm-radius-md:   6px;  /* buttons, inputs */
  --nm-radius:      8px;  /* cards, panels */
  --nm-radius-lg:   12px; /* large panels, modals */
  --nm-radius-pill: 999px;/* pills, fully rounded */
  --nm-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --nm-shadow:    0 4px 16px rgba(0, 0, 0, 0.35);
  --nm-shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.45);
}