/* RainCRM design tokens - canonical palette (v1.0)
 * Source: Benjamin Moore Blue Pearl 1433, Whispering Wind 1416,
 * Feather Soft 1431, plus Black. Mockups do NOT set colors; this file does.
 * Usage rules: docs/design.md
 */

:root {
  /* raw palette */
  --bp-blue-pearl:   #93A0BD; /* rgb(147 160 189) header bar, primary buttons, active nav */
  --bp-whisper-wind: #D5DAE6; /* rgb(213 218 230) page background */
  --bp-feather-soft: #BDC5DC; /* rgb(189 197 220) cards, table rows, inputs, pills */
  --bp-black:        #000000; /* text, icons, wordmark, emphasis */

  /* semantic roles */
  --color-bg:        var(--bp-whisper-wind);
  --color-surface:   var(--bp-feather-soft);
  --color-primary:   var(--bp-blue-pearl);
  --color-text:      var(--bp-black);
  --color-accent:    var(--bp-black);
  --color-on-accent: var(--bp-whisper-wind); /* text on solid-black badges */

  /* type and shape */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 6px;
}

/* Contrast (computed, WCAG 2.x): #000 on #93A0BD = 8.0:1, on #D5DAE6 = 15.0:1,
 * on #BDC5DC = 12.2:1 - all AAA for normal text. Never light text on these
 * tones except --color-on-accent on solid black. */