/* ============================================================
   Altinity Color System
   Base hue: azure #2ba6e8 (hsl 201 80% 54%)
   Everything is tuned for dark, engineering-grade UI.
   ============================================================ */
:root {
  /* ---- Brand / primary (azure) ---- */
  --azure-300: #7cc8f1;
  --azure-400: #4fb4ec;
  --azure-500: #2ba6e8;   /* BASE brand color */
  --azure-600: #1789cf;
  --azure-700: #0f6fb8;
  --azure-800: #0c5790;

  /* ---- Accent: gold (split-complementary, the brand pair) ---- */
  --gold-400: #f8c543;
  --gold-500: #f6b61c;    /* Altinity official gold */
  --gold-600: #d99a0c;

  /* ---- Secondary accents (from harmony study) ---- */
  --teal-500:    #29e5c2;   /* analogous — calm/technical */
  --coral-500:   #eb8047;   /* complementary — high-contrast CTA */
  --indigo-500:  #4f5bd5;   /* analogous-deep — layering/hierarchy */
  --magenta-500: #e330a5;   /* triadic — bold/marketing */

  /* ---- Cool navy neutral ramp (carries toward base hue) ---- */
  --navy-950: #080c16;   /* app background */
  --navy-900: #0b1020;
  --navy-850: #0d1322;   /* card / surface */
  --navy-800: #121a2c;   /* raised surface */
  --navy-700: #172038;
  --navy-650: #1a2336;   /* hairline / subtle border */
  --navy-600: #1f2740;
  --navy-500: #283248;   /* default border */
  --navy-400: #2c3852;
  --slate-500: #6b7690;  /* faint text */
  --slate-400: #8893a8;  /* muted text */
  --slate-300: #c3ccdb;  /* secondary text */
  --slate-100: #eef2f9;  /* primary text */
  --white: #ffffff;
  --ink: #06121d;        /* dark text for use ON azure/gold fills */

  /* ---- Semantic ---- */
  --success-500: #46c47d;
  --success-700: #15291e;   /* success surface (dark) */
  --warning-500: #f6b61c;
  --warning-700: #1f1a0a;   /* warning surface (dark) */
  --danger-500:  #ff6a4d;
  --danger-700:  #2a1414;   /* danger surface (dark) */
  --info-500:    #2ba6e8;
  --info-700:    #0e2233;   /* info surface (dark) */

  /* ---- Data-viz categorical palette (even hue spread) ---- */
  --viz-1: #2ba6e8;   /* azure   */
  --viz-2: #f3d21b;   /* gold    */
  --viz-3: #29e5c2;   /* teal    */
  --viz-4: #eb8047;   /* coral   */
  --viz-5: #e23ba8;   /* magenta */
  --viz-6: #9ce25a;   /* lime    */

  /* ---- Semantic aliases (use these in UI) ---- */
  --color-bg:            var(--navy-950);
  --surface:             var(--navy-850);
  --surface-raised:      var(--navy-800);
  --border:              var(--navy-500);
  --border-subtle:       var(--navy-650);
  --text-primary:        var(--slate-100);
  --text-secondary:      var(--slate-300);
  --text-muted:          var(--slate-400);
  --text-faint:          var(--slate-500);
  --accent:              var(--azure-500);
  --accent-strong:       var(--azure-600);
  --accent-contrast:     var(--ink);   /* text/icon color ON azure fill */
  --highlight:           var(--gold-500);
}