:root {
  --spark-settings-gap: 1.25rem;
  --spark-settings-card-bg: #36373d;
  --spark-settings-card-border: rgba(255, 255, 255, 0.14);
  --spark-settings-control-bg: rgba(0, 0, 0, 0.14);
  --spark-settings-control-border: rgba(255, 255, 255, 0.16);
  --spark-settings-switch-bg: rgba(0, 0, 0, 0.12);
}

html[data-color-theme="light"] {
  --spark-settings-card-bg: #ffffff;
  --spark-settings-card-border: rgba(15, 23, 42, 0.12);
  --spark-settings-control-bg: #ffffff;
  --spark-settings-control-border: rgba(15, 23, 42, 0.18);
  --spark-settings-switch-bg: rgba(15, 23, 42, 0.035);
}