:root {
  --dsm-viz-seq-1: #2e7d6b;
  --dsm-viz-seq-2: #6b8c63;
  --dsm-viz-seq-3: #d6a23d;
  --dsm-viz-seq-4: #b86e4b;
  --dsm-viz-seq-5: #a84a43;

  --dsm-viz-cat-1: var(--brand-petrol);
  --dsm-viz-cat-2: var(--brand-copper);
  --dsm-viz-cat-3: var(--brand-signal);
  --dsm-viz-cat-4: var(--brand-amber);

  --dsm-glass-bg: rgba(246, 241, 232, 0.58);
  --dsm-glass-border: rgba(31, 78, 95, 0.16);
  --dsm-glass-blur: 18px;
  --dsm-trend-up: var(--brand-signal);
  --dsm-trend-down: var(--brand-alert);
  --dsm-trend-flat: color-mix(in srgb, var(--brand-ink) 42%, white);
  --dsm-surface-elevated: rgba(255, 253, 248, 0.84);
}

[data-theme="dark"] {
  --dsm-glass-bg: rgba(22, 33, 43, 0.68);
  --dsm-glass-border: rgba(246, 241, 232, 0.14);
  --dsm-trend-flat: color-mix(in srgb, var(--brand-petrol) 78%, black);
  --dsm-surface-elevated: rgba(26, 39, 50, 0.86);
}