/* ── NovoMatch Colors ────────────────────────────────────────────────
 * Brand palette (from Design Handbook):
 *   #FFFFFF white · #F2F0ED cream · #1C62E3 blue · #211515 ink
 * Blue is the signature; cream + white are the primary surfaces;
 * ink is the near-black text color. Light-blue tint taken from the
 * icon mark's secondary shape.
 */
:root {
  /* ── Base ramp: Blue (signature) ── */
  --blue-50:  #eef3fd;
  --blue-100: #dbe6fb;
  --blue-200: #afc8f7;  /* icon secondary tint */
  --blue-300: #7ea6f2;
  --blue-400: #4a82ec;
  --blue-500: #1c62e3;  /* PRIMARY brand blue */
  --blue-600: #1550c2;
  --blue-700: #113f99;
  --blue-800: #0e3272;
  --blue-900: #0b2650;

  /* ── Base ramp: Neutrals (cream → ink) ── */
  --white:    #ffffff;
  --cream:    #f2f0ed;  /* brand cream / warm off-white */
  --neutral-100: #eeece8;
  --neutral-150: #e7e4df;
  --neutral-200: #d9d5cf;
  --neutral-300: #bdb8b0;
  --neutral-400: #928d85;
  --neutral-500: #6b6660;
  --neutral-600: #4c4842;
  --neutral-700: #35302c;
  --ink:      #211515;  /* brand near-black */
  --black:    #000000;  /* wordmark "Match" black */

  /* ── Semantic aliases ── */
  --color-primary:        var(--blue-500);
  --color-primary-hover:  var(--blue-600);
  --color-primary-active: var(--blue-700);
  --color-primary-tint:   var(--blue-50);
  --color-accent:         var(--blue-200);

  --text-strong:   var(--ink);
  --text-body:     #2f2926;
  --text-muted:    var(--neutral-500);
  --text-subtle:   var(--neutral-400);
  --text-on-primary: var(--white);
  --text-link:     var(--blue-500);

  --surface-page:   var(--cream);
  --surface-card:   var(--white);
  --surface-inset:  var(--cream);
  --surface-invert: var(--ink);
  --surface-primary: var(--blue-500);

  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--ink);
  --border-focus:   var(--blue-500);

  /* Status (derived to fit the restrained palette) */
  --color-success: #1e8a5a;
  --color-warning: #c98a12;
  --color-danger:  #d0402b;
}