body.theme-hourglide {
  --bg: #0c0f13;
  --surface: #15191f;
  --surface-raised: #1d242c;
  --border: #2a333d;
  --border-subtle: #202833;
  --text: #eef2f5;
  --muted: #a5afb8;
  --dim: #76828d;
  --accent: #8fae7d;
  --accent2: #5ca6a0;
  --accent-hover: #a5c391;
  --accent-contrast: #091008;
  --green: #67c18d;
  --green-dim: rgba(103, 193, 141, 0.16);
  --warm: #d4b26a;
  --warm-dim: rgba(212, 178, 106, 0.16);
  --purple-dim: rgba(92, 166, 160, 0.16);
}

.button-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast, #071018);
}

.button-primary:hover {
  background: var(--accent-hover, var(--accent));
  color: var(--accent-contrast, #071018);
}

.product-card--glidechart {
  --product-accent: #42b7c8;
}

.product-card--glidecase {
  --product-accent: #d4b26a;
}

.product-card--glidechart:hover,
.product-card--glidecase:hover {
  border-color: var(--product-accent);
}

.product-card--glidechart .product-name,
.product-card--glidecase .product-name,
.product-card--glidechart .feature-list li::before,
.product-card--glidecase .feature-list li::before {
  color: var(--product-accent);
}