/* Brand palette: one quieter violet, neutral light surfaces, no glow.
   Loaded after theme.css on every page (app and public). */

html[data-theme="dark"] {
  --figma-accent: #7c5cf0;
  --cabinet-accent: #7c5cf0;
  --cabinet-accent-strong: #6a49e0;
  --cabinet-card-shadow: none;
  --cabinet-card-highlight: none;
  --cabinet-card-recessed-shadow: none;
}

html[data-theme="light"] {
  --figma-bg: #f6f6f9;
  --cabinet-bg: #f6f6f9;
  --figma-accent: #6a3ee0;
  --cabinet-accent: #6a3ee0;
  --cabinet-accent-strong: #5a31c9;
  --cabinet-text-label: #5a31c9;
  --headings-accent: #5a31c9;
  --accent-soft: rgba(106, 62, 224, 0.1);
  --cabinet-accent-soft: rgba(106, 62, 224, 0.1);
  --cabinet-card-shadow: 0 1px 2px rgba(23, 22, 29, 0.05);
}


/* Native dropdown lists: set the popup colours explicitly so options are readable
   in both themes (the browser otherwise paints a white list under light text). */
html[data-theme="light"] select,
html[data-theme="light"] option,
html[data-theme="light"] optgroup {
  color-scheme: light;
}

html[data-theme="dark"] select,
html[data-theme="dark"] option,
html[data-theme="dark"] optgroup {
  color-scheme: dark;
}

html[data-theme="light"] option,
html[data-theme="light"] optgroup {
  background-color: #ffffff;
  color: #17161d;
}

html[data-theme="dark"] option,
html[data-theme="dark"] optgroup {
  background-color: #1d1829;
  color: #f1f0f6;
}

option:disabled {
  color: #8a8999;
}

option:checked {
  font-weight: 600;
}