/* ai.Consult — Color tokens
 * Corporate Design: a clean, near-monochrome system.
 * Only the two primaries (ink + white) should carry most of the work.
 * Blue is a sparing accent. The "design colors" are muted and reserved
 * for charts/diagrams or rare emphasis — use in exceptional cases only.
 */
:root {
  /* ---- Primaries ---- */
  --ink: #2E2E2C;          /* primary dark — text, marks, surfaces */
  --white: #FFFFFF;        /* primary light — backgrounds */

  /* ---- Accent (use sparingly) ---- */
  --blue: #0061B5;
  --blue-strong: #004E94;  /* hover/pressed derivative */
  --blue-tint: #E6EFF7;    /* faint blue wash for selection/links bg */

  /* ---- Ink ramp (derived neutrals from the primary dark) ---- */
  --ink-900: #2E2E2C;
  --ink-700: #4A4A47;
  --ink-500: #6F6F6B;
  --ink-300: #A9A9A4;
  --ink-200: #C9C9C5;
  --ink-100: #E4E4E1;

  /* ---- Surface grays ---- */
  --gray-050: #F7F7F6;
  --gray-100: #F1F1F1;     /* spec: design color — light surface */
  --gray-200: #E4E4E1;

  /* ---- Design colors (muted, supplementary — exceptional use only) ---- */
  --taupe:  #A19378;
  --sand:   #E0B870;
  --slate:  #747E8B;
  --brown:  #615A4E;

  /* ---- Semantic aliases ---- */
  --text-primary:    var(--ink-900);
  --text-secondary:  var(--ink-500);
  --text-muted:      var(--ink-300);
  --text-inverse:    var(--white);
  --text-link:       var(--blue);

  --surface-page:    var(--white);
  --surface-card:    var(--white);
  --surface-subtle:  var(--gray-050);
  --surface-muted:   var(--gray-100);
  --surface-inverse: var(--ink-900);

  --border-subtle:   var(--ink-100);
  --border-default:  var(--ink-200);
  --border-strong:   var(--ink-900);

  --accent:          var(--blue);
  --accent-hover:    var(--blue-strong);

  --focus-ring:      var(--blue);
}