/* XecSuite brand roots: Colors.md and the shipped XecSuiteDS light theme.
   Derived tints mix these roots; artwork files retain their approved colors. */
:root{
  --xs-light-page: #EEEAF7;
  --xs-light-surface: #E4DEF2;
  --xs-light-raised: #D9D0EC;
  --xs-light-ink: #1B1430;
  --xs-light-heading: #2A1F45;
  --xs-light-muted: #4F4568;
  --xs-light-quiet: #6C6286;
  --xs-light-violet: #5E3FA8;
  --xs-dark-void: #0D0818;
  --xs-dark-royal: #140D24;
  --xs-dark-plum: #2A1B47;
  --xs-dark-violet: #BDA7FF;
  --xs-dark-halo: #EFE9FF;
  --xs-dark-ivory: #FBF7EB;
  --xs-dark-muted: #B1A6C8;
  --xs-accent-1: #6C4FB5;
  --xs-accent-2: #8D6FE0;
  --xs-light-good: #1F9D6B;
  --xs-dark-good: #7EE0B8;
  --xs-light-bad: #CF3A60;
  --xs-dark-bad: #F08FA6;
  --xs-white: #FFFFFF;
  --xs-mask: #000000;
  --xs-chart-2: #7C5FE0;
  --xs-chart-3: #6A4FC4;
  --xs-chart-4: #5840A6;
  --xs-chart-5: #463186;
  --xs-chart-6: #352465;
  --xs-violet-paper-3: color-mix(in srgb, var(--xs-light-violet) 3%, var(--xs-white));
  --xs-violet-paper-6: color-mix(in srgb, var(--xs-light-violet) 6%, var(--xs-white));
  --xs-violet-paper-10: color-mix(in srgb, var(--xs-light-violet) 10%, var(--xs-white));
  --xs-violet-paper-15: color-mix(in srgb, var(--xs-light-violet) 15%, var(--xs-white));
  --xs-violet-paper-20: color-mix(in srgb, var(--xs-light-violet) 20%, var(--xs-white));
  --xs-violet-paper-30: color-mix(in srgb, var(--xs-light-violet) 30%, var(--xs-white));
  --xs-violet-paper-40: color-mix(in srgb, var(--xs-light-violet) 40%, var(--xs-white));
  --xs-violet-paper-50: color-mix(in srgb, var(--xs-light-violet) 50%, var(--xs-white));
  --xs-violet-paper-60: color-mix(in srgb, var(--xs-light-violet) 60%, var(--xs-white));
  --xs-violet-paper-70: color-mix(in srgb, var(--xs-light-violet) 70%, var(--xs-white));
  --xs-violet-paper-80: color-mix(in srgb, var(--xs-light-violet) 80%, var(--xs-white));
  --xs-violet-paper-90: color-mix(in srgb, var(--xs-light-violet) 90%, var(--xs-white));
  --xs-violet-page-6: color-mix(in srgb, var(--xs-light-violet) 6%, var(--xs-light-page));
  --xs-violet-page-12: color-mix(in srgb, var(--xs-light-violet) 12%, var(--xs-light-page));
  --xs-violet-page-18: color-mix(in srgb, var(--xs-light-violet) 18%, var(--xs-light-page));
  --xs-violet-page-24: color-mix(in srgb, var(--xs-light-violet) 24%, var(--xs-light-page));
  --xs-violet-page-32: color-mix(in srgb, var(--xs-light-violet) 32%, var(--xs-light-page));
  --xs-violet-page-44: color-mix(in srgb, var(--xs-light-violet) 44%, var(--xs-light-page));
  --xs-violet-page-56: color-mix(in srgb, var(--xs-light-violet) 56%, var(--xs-light-page));
  --xs-violet-page-68: color-mix(in srgb, var(--xs-light-violet) 68%, var(--xs-light-page));
  --xs-violet-page-80: color-mix(in srgb, var(--xs-light-violet) 80%, var(--xs-light-page));
  --xs-plum-glow-6: color-mix(in srgb, var(--xs-dark-violet) 6%, var(--xs-dark-plum));
  --xs-plum-glow-12: color-mix(in srgb, var(--xs-dark-violet) 12%, var(--xs-dark-plum));
  --xs-plum-glow-18: color-mix(in srgb, var(--xs-dark-violet) 18%, var(--xs-dark-plum));
  --xs-plum-glow-24: color-mix(in srgb, var(--xs-dark-violet) 24%, var(--xs-dark-plum));
  --xs-plum-glow-32: color-mix(in srgb, var(--xs-dark-violet) 32%, var(--xs-dark-plum));
  --xs-plum-glow-44: color-mix(in srgb, var(--xs-dark-violet) 44%, var(--xs-dark-plum));
  --xs-plum-glow-56: color-mix(in srgb, var(--xs-dark-violet) 56%, var(--xs-dark-plum));
  --xs-plum-glow-68: color-mix(in srgb, var(--xs-dark-violet) 68%, var(--xs-dark-plum));
  --xs-plum-glow-80: color-mix(in srgb, var(--xs-dark-violet) 80%, var(--xs-dark-plum));
  --xs-plum-shade-25: color-mix(in srgb, var(--xs-dark-plum) 25%, var(--xs-dark-void));
  --xs-plum-shade-50: color-mix(in srgb, var(--xs-dark-plum) 50%, var(--xs-dark-void));
  --xs-plum-shade-75: color-mix(in srgb, var(--xs-dark-plum) 75%, var(--xs-dark-void));
  --xs-good-ink: color-mix(in srgb, var(--xs-light-good) 75%, var(--xs-dark-void));
  --xs-good-soft: color-mix(in srgb, var(--xs-dark-good) 24%, var(--xs-white));
  --xs-accent-gradient: linear-gradient(120deg,var(--xs-accent-1),var(--xs-accent-2));
}