/* Custom Theme - Uses dynamic --brand-h */

html[data-theme="light"][data-color="custom"]{
  --bg: hsl(var(--brand-h) 55% 95%);
  --card: hsl(var(--brand-h) 40% 99%);
  --text: hsl(var(--brand-h) 40% 18%);
  --muted: hsl(var(--brand-h) 20% 40%);
  --line: hsl(var(--brand-h) 30% 80%);
  --surface-2: hsl(var(--brand-h) 45% 92%);
  --surface-3: hsl(var(--brand-h) 40% 89%);
}

html[data-theme="dark"][data-color="custom"]{
  --bg: hsl(var(--brand-h) 32% 12%);
  --card: hsl(var(--brand-h) 28% 16%);
  --text: hsl(var(--brand-h) 40% 90%);
  --muted: hsl(var(--brand-h) 35% 70%);
  --line: hsl(var(--brand-h) 25% 28%);
  --surface-2: hsl(var(--brand-h) 30% 14%);
  --surface-3: hsl(var(--brand-h) 32% 18%);
}