/*
 * Design tokens — canonical source of truth for shared colour values.
 *
 * Consumed by every surface that renders the row editor UI:
 *   - Excel taskpane   (packages/excel-addin/taskpane.html — copied in at build time)
 *   - UI POC dev page  (packages/ui/index.html)
 *   - Google Sheets    (packages/google-sheets, inlined by scripts/build-sidebar.js)
 *
 * Edit colours here only. Do not redefine these :root variables elsewhere.
 */
:root {
  --color-primary:        #0078d4;
  --color-primary-hover:  #005a9e;
  --color-primary-dark:   #106ebe;
  --color-border:         #e1dfdd;
  --color-border-strong:  #c8c6c4;
  --color-text:           #323130;
  --color-text-muted:     #605e5c;
  --color-text-secondary: #a19f9d;
  --color-bg-hover:       #f3f2f1;
  --color-success:        #107c10;
  --color-error:          #c50f1f;
  /* Warning / amber (#668 S4) — same-date collision cue + on-save notice. */
  --color-warning:        #8a6d00;
  --color-warning-bg:     #fff8e6;
  --color-warning-border: #f2e2b0;
  --color-white:          #fff;
  /* Dashboard KPI delta polarity (epic #1991 S6, design §5). */
  --color-good:           #0b6a0b;
  --color-good-bg:        #f1faf1;
  --color-bad:            #a4262c;
  --color-bad-bg:         #fdf3f4;
  /* Dashboard chart palette (epic #1991 S6, design §5) — a fixed 6-slot categorical
     palette assigned by series order, never cycled. Validated set (colourblind
     separation + chroma + contrast, dataviz validator, light surface). Slots 1/4
     intentionally match --color-primary/--color-success (design §5 cross-reference). */
  --chart-1: #0078d4;
  --chart-2: #ca5010;
  --chart-3: #8764b8;
  --chart-4: #107c10;
  --chart-5: #c8377e;
  --chart-6: #7a6a00;
  /* Unified dropdown caret — the single source for the down-caret glyph shared by
     every dropdown control in the panel: the native <select> (appearance stripped)
     and the custom SearchPicker / MultiSearchPicker (.sp-caret). A filled ▾ triangle (12×7) in the muted
     text tone (#605e5c), so the two widget types render the identical caret rather
     than a browser default vs. a text glyph. Keep this the only definition. */
  --dropdown-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M0 0h12L6 7z' fill='%23605e5c'/%3E%3C/svg%3E");
}