/* Neutral foundation, not an invented Superstate brand palette. */
:root, [data-brand=foundation] {
  --ss-primary: #171717;
  --ss-primary-hover: #383838;
  --ss-custom-hover: #383838;
  --ss-on-primary: #fff;
  --ss-on-brand-gradient: var(--ss-on-primary);
  --ss-accent: #666;
  --ss-surface-light: #fff;
  --ss-selection-light: #ebebeb;
  --ss-selection-dark: #333;
  --ss-rating-background: var(--ss-selection-light);
  --ss-toggle-thumb-on: var(--ss-on-primary);
  --ss-selected-foreground: var(--q-gray-1000);
  --ss-selected-border: var(--q-gray-600);
  --ss-selected-background: var(--q-gray-100);
  --ss-selected-hover: var(--q-gray-200);
}
[data-theme=dark]:not([data-brand=quoter]) {
  --ss-primary: #ededed;
  --ss-accent: #ccc;
  --ss-primary-hover: #ccc;
  --ss-custom-hover: #ccc;
  --ss-on-primary: #171717;
  --ss-rating-background: var(--ss-selection-dark);
}
/* All Quoter identity colours live here. Component geometry is shared. */
[data-brand=quoter] {
  --ss-primary: #4d148c;
  --ss-primary-hover: #3d1070;
  --ss-custom-hover: #60249f;
  --ss-on-primary: #fefdfb;
  --ss-on-brand-gradient: #fff;
  --ss-accent: #ff6200;
  --ss-surface-light: #fefdfb;
  --ss-selection-light: #f0e8f8;
  --ss-selection-dark: #2e1647;
  --ss-selected-foreground: var(--q-purple-900);
  --ss-selected-border: var(--q-purple-600);
  --ss-selected-background: var(--q-purple-100);
  --ss-selected-hover: var(--q-purple-200);
  --q-purple-700: var(--ss-primary);
  --q-purple-800: var(--ss-primary-hover);
}
[data-brand=quoter]:not([data-theme=dark]) { --q-background-100: var(--ss-surface-light); }
[data-brand=quoter][data-theme=dark] { --ss-toggle-thumb-on: rgba(237, 237, 237, 0.84); }
.ss-brand-picker { width: 170px; flex-shrink: 0; }
.q-docs__controls > .ss-brand-picker { margin-left: 12px; }
@media (max-width: 767px) { .q-docs__controls > .ss-brand-picker { display: none; } }