/* Shade Studio dark palette, built on the supplied window starter. */
:root {
  color-scheme: dark;
  --primary: #222728;
  --secondary: #d39b94;
  --tertiary: #eee9df;
  --page: #171a1b;
  --surface: #282d2e;
  --line: #454e50;
  --muted: #adb4b2;
  --accent: #bac7a7;
  --on-secondary: #241b1b;
  --error: #f0a69f;
  --control-surface: #1d2223;
  --option-selected: #343d3c;
  --selection-background: color-mix(in srgb, var(--secondary) 16%, var(--page));
  --secondary-hover: #e3b3ac;
  --dialog-backdrop: rgb(0 0 0 / .6);
  --sidebar-width: 290px;
  --text-label: 12px;
  --dial-size: 44px;
  --preview-shade: #eee5ce;
  --preview-mount: #a9b8a5;
  --preview-light: #f1c273;
  --preview-plate: #55635d;
}
.brand-segmented button[aria-pressed="true"] {
  background: var(--option-selected);
}
@media (max-width: 1000px) { :root { --sidebar-width: 256px; } }