/**
 * Matrix Design System 1.0.0
 * Brand primitives and aliases. Color mode is owned by data-bs-theme.
 */

:root,
[data-brand="blue"] {
  --mx-raw-brand-action: #0369a1;
  --mx-raw-brand-hover: #075985;
  --mx-raw-brand-emphasis: #7dd3fc;
  --mx-raw-brand-subtle: #e0f2fe;
  --mx-brand-action: var(--mx-raw-brand-action);
  --mx-brand-hover: var(--mx-raw-brand-hover);
  --mx-brand-emphasis: var(--mx-raw-brand-emphasis);
  --mx-brand-subtle: var(--mx-raw-brand-subtle);
  --mx-brand-action-rgb: 3, 105, 161;
  --mx-brand-hover-rgb: 7, 89, 133;
  --mx-brand-emphasis-rgb: 125, 211, 252;
}

[data-brand="purple"] {
  --mx-raw-brand-action: #6d28d9;
  --mx-raw-brand-hover: #5b21b6;
  --mx-raw-brand-emphasis: #c4b5fd;
  --mx-raw-brand-subtle: #ede9fe;
  --mx-brand-action: var(--mx-raw-brand-action);
  --mx-brand-hover: var(--mx-raw-brand-hover);
  --mx-brand-emphasis: var(--mx-raw-brand-emphasis);
  --mx-brand-subtle: var(--mx-raw-brand-subtle);
  --mx-brand-action-rgb: 109, 40, 217;
  --mx-brand-hover-rgb: 91, 33, 182;
  --mx-brand-emphasis-rgb: 196, 181, 253;
}

[data-brand="emerald"] {
  --mx-raw-brand-action: #047857;
  --mx-raw-brand-hover: #065f46;
  --mx-raw-brand-emphasis: #6ee7b7;
  --mx-raw-brand-subtle: #d1fae5;
  --mx-brand-action: var(--mx-raw-brand-action);
  --mx-brand-hover: var(--mx-raw-brand-hover);
  --mx-brand-emphasis: var(--mx-raw-brand-emphasis);
  --mx-brand-subtle: var(--mx-raw-brand-subtle);
  --mx-brand-action-rgb: 4, 120, 87;
  --mx-brand-hover-rgb: 6, 95, 70;
  --mx-brand-emphasis-rgb: 110, 231, 183;
}

[data-brand="orange"] {
  --mx-raw-brand-action: #c2410c;
  --mx-raw-brand-hover: #9a3412;
  --mx-raw-brand-emphasis: #fdba74;
  --mx-raw-brand-subtle: #ffedd5;
  --mx-brand-action: var(--mx-raw-brand-action);
  --mx-brand-hover: var(--mx-raw-brand-hover);
  --mx-brand-emphasis: var(--mx-raw-brand-emphasis);
  --mx-brand-subtle: var(--mx-raw-brand-subtle);
  --mx-brand-action-rgb: 194, 65, 12;
  --mx-brand-hover-rgb: 154, 52, 18;
  --mx-brand-emphasis-rgb: 253, 186, 116;
}