/* Unified color system shared across the site and sub-apps.
   Colors are condensed into 8 spectra with four steps each. */
:root {
  /* Neutral (dark anchors) */
  --neutral-900: #0b1020;
  --neutral-700: #252b41;
  --neutral-500: #384365;
  --neutral-300: #686c7c;
  --neutral-200: #aaa8a3;

  /* Mist (cool light neutrals) */
  --mist-400: #8f99ae;
  --mist-300: #aebbf3;
  --mist-200: #cfd5ea;
  --mist-050: #f4f7ff;

  /* Blue (sky + ocean) */
  --blue-900: #3c65a2;
  --blue-600: #7185c3;
  --blue-300: #6ea8ff;
  --blue-100: #ccd5ff;

  /* Teal (minty accents) */
  --teal-900: #2f5a38;
  --teal-600: #3a8;
  --teal-300: #72ffa6;
  --teal-100: #9aceae;

  /* Green (natural range) */
  --green-900: #4f965e;
  --green-600: #7cbc85;
  --green-300: #9bd4a3;
  --green-100: #dff7e3;

  /* Gold (yellow/orange spectrum) */
  --gold-900: #a83;
  --gold-600: #d9a45a;
  --gold-500: #f59e0b;
  --gold-400: #facc15;
  --gold-300: #e0cb6d;
  --gold-200: #f5edd9;
  --gold-100: #f9f6ef;

  /* Brown (earthy surfaces) */
  --brown-900: #5b4228;
  --brown-500: #9f4630;
  --brown-300: #a1714d;
  --brown-200: #b27e42;

  /* Red (alert + status) */
  --red-900: #5c2c2c;
  --red-600: #a91710;
  --red-300: #c36464;
  --red-200: #d33030;
  --red-100: #ff7676;
  --red-50: #f9dddd;

  /* Essentials */
  --white: #fff;
  --black: #000;

  /* Effects & overlays */
  --fx-glass: #c2c2c2dd;
  --fx-outline-soft: #ffffff18;
  --fx-outline-mid: #ffffff22;
  --fx-outline-strong: #ffffff2a;
  --fx-shadow-subtle: rgba(0, 0, 0, 0.15);
  --fx-shadow-mid: rgba(0, 0, 0, 0.2);
  --fx-shadow-strong: rgba(0, 0, 0, 0.25);
  --fx-midnight-veil-strong: rgba(11, 13, 18, 0.9);
  --fx-midnight-veil-soft: rgba(11, 13, 18, 0.6);
  --fx-teal-glow: rgba(74, 222, 128, 0.35);
  --fx-teal-flash: rgba(74, 222, 128, 0.9);
  --fx-teal-burst: rgba(0, 200, 0, 0.6);
  --fx-teal-wash: rgba(0, 200, 0, 0.15);
  --fx-gold-glow: rgba(250, 204, 21, 0.32);
  --fx-gold-flash: rgba(250, 204, 21, 0.9);
  --fx-blue-halo: rgba(110, 168, 255, 0.35);
  --fx-blue-flash: rgba(110, 168, 255, 1);
  --fx-blue-pop: rgba(112, 144, 239, 0.92);
  --fx-red-burst: rgba(220, 0, 0, 0.6);
  --fx-red-wash: rgba(220, 0, 0, 0.15);
  --fx-ink-soft: #0008;
  --fx-ink-strong: #0009;
  --fx-ink-mid: rgba(0, 0, 0, 0.2);
  --fx-blue-veil: #6ea8ff55;
  --fx-white-soft: #fff9;
}