/* ============================================================
   ModigenceVision — Color System
   Anchored on the OFFICIAL logo gradient (vector source):
   bright sky #009fe8 → deep blue #00459b, spanning the infinity
   symbol (lens aperture + concentric eye).
   ============================================================ */

:root {
  /* ---- Brand blues (primitive scale; 400 & 700 are the
     official logo gradient stops) ---- */
  --mdv-blue-50:  #e6f5fd;
  --mdv-blue-100: #c3e8fb;
  --mdv-blue-200: #8fd5f4;
  --mdv-blue-300: #4fbcef;   /* light sky */
  --mdv-blue-400: #009fe8;   /* OFFICIAL bright — gradient start */
  --mdv-blue-500: #0083cf;
  --mdv-blue-600: #0072c6;   /* PRIMARY brand blue (accessible on white) */
  --mdv-blue-700: #00459b;   /* OFFICIAL deep — gradient end / wordmark */
  --mdv-blue-800: #013a82;
  --mdv-blue-900: #042c63;   /* deep navy */
  --mdv-blue-950: #04203f;   /* ink navy — deepest */

  /* ---- Cool neutrals (blue-tinted grays) ---- */
  --mdv-gray-0:   #ffffff;
  --mdv-gray-25:  #fafbfc;
  --mdv-gray-50:  #f3f5f8;
  --mdv-gray-100: #e8ebf0;
  --mdv-gray-200: #d6dbe3;
  --mdv-gray-300: #b9c1cd;
  --mdv-gray-400: #8d97a6;
  --mdv-gray-500: #6b7480;   /* "VISION" gray */
  --mdv-gray-600: #515a66;
  --mdv-gray-700: #3b424c;
  --mdv-gray-800: #272d35;
  --mdv-gray-900: #161b21;

  /* ---- Semantic status ---- */
  --mdv-success: #1e9e6a;
  --mdv-success-soft: #e3f5ec;
  --mdv-warning: #d9920a;
  --mdv-warning-soft: #fbf0d6;
  --mdv-danger:  #d8443c;
  --mdv-danger-soft: #fbe6e5;
  --mdv-info:    var(--mdv-blue-600);
  --mdv-info-soft: var(--mdv-blue-50);

  /* ---- Brand gradients ---- */
  --mdv-gradient-brand: linear-gradient(100deg, #009fe8 0%, #00459b 100%); /* @kind color */ /* OFFICIAL logo gradient */
  --mdv-gradient-sky:   linear-gradient(135deg, #009fe8 0%, #0072c6 100%); /* @kind color */
  --mdv-gradient-ink:   linear-gradient(160deg, #00459b 0%, #042c63 100%); /* @kind color */

  /* ============================================================
     Semantic aliases — reference these in components & layouts
     ============================================================ */

  /* Surfaces */
  --surface-page:    var(--mdv-gray-50);
  --surface-card:    var(--mdv-gray-0);
  --surface-sunken:  var(--mdv-gray-100);
  --surface-inverse: var(--mdv-blue-950);
  --surface-brand:   var(--mdv-blue-600);
  --surface-brand-soft: var(--mdv-blue-50);

  /* Text */
  --text-strong:  var(--mdv-blue-950);
  --text-body:    var(--mdv-gray-700);
  --text-muted:   var(--mdv-gray-500);
  --text-faint:   var(--mdv-gray-400);
  --text-on-brand: var(--mdv-gray-0);
  --text-on-inverse: var(--mdv-gray-100);
  --text-link:    var(--mdv-blue-600);

  /* Borders */
  --border-subtle: var(--mdv-gray-200);
  --border-default: var(--mdv-gray-300);
  --border-strong: var(--mdv-gray-400);
  --border-brand: var(--mdv-blue-600);

  /* Interactive accents */
  --accent:        var(--mdv-blue-600);
  --accent-hover:  var(--mdv-blue-700);
  --accent-active: var(--mdv-blue-800);
  --focus-ring:    var(--mdv-blue-400);
}