/* Generated by sd-tool-brand. Edit sd-tool-brand/data/colors.json, not this file. */
:root {
  --salmi-blue-light: #BDEAFF;
  --salmi-blue-dark: #111044;
  --salmi-blue-accent: #2864FF;
  --salmi-emerald-light: #D8FFF0;
  --salmi-emerald-dark: #003B2D;
  --salmi-emerald-accent: #00C889;
  --salmi-amber-light: #FFF1D8;
  --salmi-amber-dark: #382100;
  --salmi-amber-accent: #FFA800;
  --salmi-violet-light: #F0E3FF;
  --salmi-violet-dark: #260D48;
  --salmi-violet-accent: #9452FF;
}
[data-palette="blue"] { --brand-light: var(--salmi-blue-light); --brand-dark: var(--salmi-blue-dark); --brand-accent: var(--salmi-blue-accent); }
[data-palette="emerald"] { --brand-light: var(--salmi-emerald-light); --brand-dark: var(--salmi-emerald-dark); --brand-accent: var(--salmi-emerald-accent); }
[data-palette="amber"] { --brand-light: var(--salmi-amber-light); --brand-dark: var(--salmi-amber-dark); --brand-accent: var(--salmi-amber-accent); }
[data-palette="violet"] { --brand-light: var(--salmi-violet-light); --brand-dark: var(--salmi-violet-dark); --brand-accent: var(--salmi-violet-accent); }
[data-mode="light"] { --brand-bg: var(--brand-light); --brand-fg: var(--brand-dark); }
[data-mode="dark"] { --brand-bg: var(--brand-dark); --brand-fg: var(--brand-light); }
.brand-surface { background: var(--brand-bg); color: var(--brand-fg); }