/* DashKit palette: Mint Lilac Bento (Mint Lilac Bento)
 * Sage-grey page, mint and lilac tiles, deep violet actions.
 * Scoped by [data-palette="mint-lilac"] so several palettes can load together
 * (e.g. on the Tetapan Jabatan picker). Components live in dashkit-base.css.
 * Contrast: ink on page 13.3:1, muted on card 6.4:1, button text on vivid 9.0:1 (all WCAG AA).
 */
[data-palette="mint-lilac"] {
  /* base */
  --dk-bg: #DDE3DC;
  --dk-surface: #FFFFFF;
  --dk-ink: #1A1A1A;
  --dk-muted: #5B6159;
  --dk-line: #E6E9E4;

  /* dark anchor card */
  --dk-anchor: #1A1A1A;
  --dk-on-anchor: #FFFFFF;

  /* pastel tiles (text on these always uses --dk-ink) */
  --dk-pastel-1: #A4F5A6;
  --dk-pastel-2: #B3A1FF;
  --dk-pastel-3: #F3F59A;
  --dk-pastel-4: #C9D3C8;

  /* the one vivid action color */
  --dk-vivid: #4A4080;
  --dk-vivid-hover: #40376E;
  --dk-vivid-soft: #E6E4ED;
  --dk-on-vivid: #FFFFFF;
  --dk-focus: #4A4080;

  /* chart series, in order */
  --dk-chart-1: #A4F5A6;
  --dk-chart-2: #B3A1FF;
  --dk-chart-3: #F3F59A;
  --dk-chart-4: #C9D3C8;
  --dk-chart-highlight: #4A4080;
}