/* ============================================================
   Kota Batu — Color Tokens
   Modernized civic palette derived from the city emblem:
   heraldic green (shield) + gold (star & padi-kapas wreath),
   with emblem blue (water) as the informational accent.
   ============================================================ */

:root {
  /* ---- Base neutrals (cool, faint green undertone) ---- */
  --color-white: #ffffff;
  --neutral-50:  #f5f8f6;
  --neutral-100: #eaf0ec;
  --neutral-200: #d8e1dc;
  --neutral-300: #bccac3;
  --neutral-400: #93a59d;
  --neutral-500: #6b7d76;
  --neutral-600: #51625b;
  --neutral-700: #3c4a44;
  --neutral-800: #28322e;
  --neutral-900: #18201d;
  --neutral-950: #0d1311;
  --color-black: #060908;

  /* ---- Brand green (primary) ---- */
  --green-50:  #ecfaf2;
  --green-100: #d2f2e0;
  --green-200: #a6e4c3;
  --green-300: #6fcf9f;
  --green-400: #3bb87e;
  --green-500: #169d63;
  --green-600: #0e7f4f;   /* core brand */
  --green-700: #0c6541;
  --green-800: #0b5036;
  --green-900: #093d2a;
  --green-950: #04261a;

  /* ---- Brand gold (secondary / ceremonial accent) ---- */
  --gold-50:  #fcf8ea;
  --gold-100: #f8efc7;
  --gold-200: #f0dd8f;
  --gold-300: #e6c656;
  --gold-400: #d8af33;
  --gold-500: #c4951b;   /* core gold */
  --gold-600: #a87c13;
  --gold-700: #855e12;
  --gold-800: #694a15;
  --gold-900: #573e16;

  /* ---- Emblem blue (info / water) ---- */
  --blue-50:  #ecf4fb;
  --blue-100: #d3e5f5;
  --blue-200: #a9cbeb;
  --blue-300: #74aadd;
  --blue-400: #4287c8;
  --blue-500: #2c6caf;
  --blue-600: #245a96;
  --blue-700: #1f4a78;
  --blue-800: #1d3c5f;
  --blue-900: #1a3350;

  /* ---- Semantic status hues ---- */
  --red-50:   #fdf0ef;
  --red-100:  #fbdcd9;
  --red-300:  #ec9b94;
  --red-500:  #d14b41;
  --red-600:  #b53a31;
  --red-700:  #8f2d26;

  --amber-50:  #fdf6ea;
  --amber-100: #fae8c6;
  --amber-300: #f0cf86;
  --amber-400: #e3a52a;
  --amber-500: #cf8f1a;
  --amber-600: #a87113;

  /* ---- Data-visualization categorical ramp (muted, civic) ---- */
  --viz-green: #0e7f4f;
  --viz-gold:  #c4951b;
  --viz-blue:  #2c6caf;
  --viz-teal:  #128b80;
  --viz-clay:  #bd6038;
  --viz-plum:  #7a4e86;
  --viz-slate: #51625b;
}