/* ============================================================
   Tamrur Politography — Color tokens
   Brand blue sampled from the official logo: #003C7C
   An institutional, factual, map-and-signage palette.
   ============================================================ */

:root {
  /* ---- Brand blue scale (700 = the official logo blue) ---- */
  --blue-900: #001F40;
  --blue-800: #002B5A;
  --blue-700: #003C7C; /* ★ brand primary */
  --blue-600: #0A4E97;
  --blue-500: #1A62B0;
  --blue-400: #3E80C8;
  --blue-300: #74A4DA;
  --blue-200: #AFC9EA;
  --blue-100: #DCE8F6;
  --blue-50:  #EEF4FB;

  /* ---- Neutral scale (cool, faintly blue) ---- */
  --gray-950: #0B1622;
  --gray-900: #131F2E;
  --gray-800: #22303F;
  --gray-700: #364556;
  --gray-600: #4E5E6F;
  --gray-500: #6B7A8A;
  --gray-400: #94A2B0;
  --gray-300: #C0CAD4;
  --gray-200: #DFE5EB;
  --gray-100: #EEF1F5;
  --gray-50:  #F7F9FB;
  --white:    #FFFFFF;
  --black:    #06101B;

  /* ---- Signal / accent (used sparingly, road-sign energy) ---- */
  --amber-600: #C98217;
  --amber-500: #E0A02C;
  --amber-100: #FBEFD4;

  /* ---- Semantic ---- */
  --success: #1F8A5B;
  --success-bg: #E4F3EC;
  --warning: #E0A02C;
  --warning-bg: #FBEFD4;
  --danger:  #C0392B;
  --danger-bg: #F8E6E3;
  --info:    #0A4E97;
  --info-bg: #DCE8F6;

  /* ---- Data-visualisation categorical palette (graphs) ---- */
  --viz-1: #003C7C; /* brand blue   */
  --viz-2: #3E80C8; /* sky          */
  --viz-3: #1F8A7A; /* teal         */
  --viz-4: #E0A02C; /* amber        */
  --viz-5: #C0512F; /* clay         */
  --viz-6: #7A5197; /* plum         */
  --viz-7: #6B7A8A; /* slate        */
  --viz-8: #8A8B3C; /* olive        */

  /* ---- Cartography (maps are a core deliverable) ---- */
  --map-land:    #EDE7DC; /* paper land  */
  --map-israel:  #DCE8F6; /* light blue fill */
  --map-area-a:  #1F8A5B; /* PA full control */
  --map-area-b:  #9FC9A8; /* joint control   */
  --map-area-c:  #E0A02C; /* israeli control */
  --map-water:   #BDD6EA; /* sea / water */
  --map-border:  #003C7C; /* boundary line */
  --map-line:    #6B7A8A; /* secondary line */

  /* ===========================================================
     Semantic aliases — reference these in product code
     =========================================================== */
  --surface-page:     var(--gray-50);
  --surface-card:     var(--white);
  --surface-raised:   var(--white);
  --surface-sunken:   var(--gray-100);
  --surface-inverse:  var(--blue-900);
  --surface-brand:    var(--blue-700);
  --surface-brand-hover: var(--blue-800);
  --surface-accent:   var(--blue-50);
  --surface-overlay:  rgba(11, 22, 34, 0.55);

  --text-strong:  var(--gray-900);
  --text-body:    var(--gray-700);
  --text-muted:   var(--gray-500);
  --text-faint:   var(--gray-400);
  --text-inverse: var(--white);
  --text-brand:   var(--blue-700);
  --text-link:    var(--blue-600);
  --text-on-brand: var(--white);

  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--gray-400);
  --border-brand:   var(--blue-700);

  --focus-ring: rgba(62, 128, 200, 0.55);
}