:root {
  --hx-page-base: #0b0e12;
  --hx-page-background: radial-gradient(ellipse 88% 74% at 50% 42%, #191b1c 0%, #171819 54%, #141617 100%);
  --hx-surface-card: #191b1c;
  --hx-surface-inner: #141617;
  --hx-surface-input: #111314;
  --hx-border: #303234;
  --hx-border-soft: rgba(255, 255, 255, .055);
  --hx-text: #eeebed;
  --hx-muted: #a3a0a4;
  --hx-accent: #ef6f9c;
  --hx-accent-soft: #ff9fbe;
  --hx-accent-deep: #8d3353;
  --hx-accent-border: #b64e73;
  --hx-accent-glow: #ef6f9c66;
  --hx-content-max: 1440px;
  --hx-page-pad-y: 24px;
  --hx-page-pad-x: 22px;
  --hx-topbar-height: 64px;
  --hx-panel-padding: 18px;
  --hx-section-gap: 14px;
  --hx-control-height: 40px;
  --hx-control-radius: 4px;
  --hx-card-radius: 11px;
  --hx-table-radius: 8px;
  --hx-modal-radius: 12px;
}

html[data-theme="lime"] {
  --hx-accent: #a7c86c;
  --hx-accent-soft: #cfe3a0;
  --hx-accent-deep: #5e713c;
  --hx-accent-border: #789449;
  --hx-accent-glow: #a7c86c55;
}

html[data-theme="violet"] {
  --hx-accent: #8e91ce;
  --hx-accent-soft: #b9c1e7;
  --hx-accent-deep: #4d507c;
  --hx-accent-border: #686b9e;
  --hx-accent-glow: #8e91ce55;
}