/* ============================================================
   InsightLab — Color Tokens
   Primary: InsightLab Blue. Accent: Azure (logo-derived).
   Neutrals: cool navy-slate scale. Surfaces lean cool & clean.
   ============================================================ */

:root {
  /* --- Brand: InsightLab Blue --------------------------------- */
  --blue-50:  #EAF1FB;
  --blue-100: #D2E0F6;
  --blue-200: #A6C2ED;
  --blue-300: #6E97DC;
  --blue-400: #2F6BCB;
  --blue-500: #0E55B8;
  --blue-600: #004AAD;   /* core brand blue (from logo) */
  --blue-700: #003C8C;
  --blue-800: #002B66;
  --blue-900: #001B42;

  /* --- Accent: Azure (bright sibling of the brand blue) ------ */
  /* Logo-derived: the palette comes entirely from InsightLab Blue. */
  --azure-50:  #EAF3FF;
  --azure-100: #CFE4FF;
  --azure-200: #9CC6FF;
  --azure-300: #5CA0FF;   /* bright highlight (use on dark surfaces) */
  --azure-400: #2F80F0;
  --azure-500: #1A63D6;   /* accent core (passes contrast on white) */

  /* --- Ink & Neutral slate (cool, navy-tinted) ---------------- */
  --ink:      #0E1726;   /* near-black text / dark surfaces */
  --slate-900: #14213A;
  --slate-800: #1F2E4D;
  --slate-700: #34466A;
  --slate-600: #4E6087;
  --slate-500: #6B7C9E;
  --slate-400: #93A1BC;
  --slate-300: #BCC6D8;
  --slate-200: #DBE2ED;
  --slate-100: #ECF0F6;
  --slate-50:  #F5F7FB;
  --white:    #FFFFFF;

  /* --- Semantic status --------------------------------------- */
  --success-600: #1E8E5A;
  --success-100: #DCF2E6;
  --warning-600: #C9871A;
  --warning-100: #FBEED1;
  --danger-600:  #C8412F;
  --danger-100:  #FADfDB;
  --info-600:    #0E55B8;
  --info-100:    #D2E0F6;

  /* ============================================================
     Semantic aliases — reference these in product code
     ============================================================ */

  /* Brand */
  --brand:            var(--blue-600);
  --brand-hover:      var(--blue-700);
  --brand-active:     var(--blue-800);
  --brand-subtle:     var(--blue-50);
  --brand-on:         var(--white);
  --accent:           var(--azure-500);
  --accent-hover:     var(--azure-400);
  --accent-bright:    var(--azure-300);
  --accent-subtle:    var(--azure-50);
  --accent-on:        var(--white);

  /* Text */
  --text-strong:      var(--ink);
  --text-body:        var(--slate-800);
  --text-muted:       var(--slate-600);
  --text-subtle:      var(--slate-500);
  --text-on-brand:    var(--white);
  --text-on-dark:     var(--slate-100);
  --text-link:        var(--blue-600);

  /* Surfaces */
  --surface-page:     var(--slate-50);
  --surface-card:     var(--white);
  --surface-sunken:   var(--slate-100);
  --surface-inverse:  var(--ink);
  --surface-brand:    var(--blue-600);
  --surface-brand-deep: var(--blue-900);

  /* Borders & lines */
  --border-subtle:    var(--slate-200);
  --border-default:   var(--slate-300);
  --border-strong:    var(--slate-400);
  --border-brand:     var(--blue-600);
  --focus-ring:       var(--blue-400);
}