/* Sparked Transcribe palette for the web pages, over styles.css (src/brands.js). */
:root {
  --h-background: 30 33% 97%;
  --h-card: 0 0% 100%;
  --h-foreground: 0 0% 10%;
  --h-muted: 30 20% 92%;
  --h-muted-foreground: 0 0% 18%;
  --h-border: 30 15% 88%;
  --h-input: 30 15% 92%;
  --h-primary: 24 95% 46%;
  --h-primary-strong: 13 80% 45%;
  --h-primary-foreground: 0 0% 100%;
}

@media (prefers-color-scheme: dark) {
  :root {
    --h-background: 0 0% 9%;
    --h-card: 0 0% 13%;
    --h-foreground: 30 20% 94%;
    --h-muted: 0 0% 17%;
    --h-muted-foreground: 30 8% 66%;
    --h-border: 0 0% 22%;
    --h-input: 0 0% 20%;
    --h-primary: 26 96% 54%;
    --h-primary-strong: 13 80% 51%;
    --h-primary-foreground: 0 0% 100%;
  }
}