/* Light theme (default) — pairs with dark text */
:root {
  --heat-0: #84A7ED;
  --heat-1: #5DB2E4;
  --heat-2: #3EBACF;
  --heat-3: #3FBEB4;
  --heat-4: #5DBE95;
  --heat-5: #7EBA79;
  --heat-6: #ADAD57;
  --heat-7: #CF9E52;
  --heat-8: #E48C7F;
  --heat-9: #E38A9A;
  --heat-text: #1a1c1e;
}

/* Dark theme — pairs with white text */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --heat-0: #536DA4;
    --heat-1: #31769D;
    --heat-2: #0B7C8D;
    --heat-3: #0B8078;
    --heat-4: #307F60;
    --heat-5: #4D7C4A;
    --heat-6: #73732D;
    --heat-7: #8D6729;
    --heat-8: #9D594F;
    --heat-9: #9C5764;
    --heat-text: #ffffff;
  }
}

:root[data-theme="dark"] {
  --heat-0: #536DA4;
  --heat-1: #31769D;
  --heat-2: #0B7C8D;
  --heat-3: #0B8078;
  --heat-4: #307F60;
  --heat-5: #4D7C4A;
  --heat-6: #73732D;
  --heat-7: #8D6729;
  --heat-8: #9D594F;
  --heat-9: #9C5764;
  --heat-text: #ffffff;
}

:root[data-theme="light"] {
  --heat-0: #84A7ED;
  --heat-1: #5DB2E4;
  --heat-2: #3EBACF;
  --heat-3: #3FBEB4;
  --heat-4: #5DBE95;
  --heat-5: #7EBA79;
  --heat-6: #ADAD57;
  --heat-7: #CF9E52;
  --heat-8: #E48C7F;
  --heat-9: #E38A9A;
  --heat-text: #1a1c1e;
}