:root{
  --hx-seasalt:#F8FAFA; --hx-silver:#C5C6C8; --hx-gray:#818283;
  --hx-davys-gray:#4F5052; --hx-raisin-black:#282728; --hx-night:#0D0E10;
  --hx-royal-blue:#2E5BDB;
  --hx-cornflower:#7FA2F0;
  --hx-lavender-gray:#B2ABC6;
  --hx-apricot:#EEAA82;
  --hx-gradient:linear-gradient(90deg,var(--hx-royal-blue) 0%,var(--hx-cornflower) 42%,var(--hx-lavender-gray) 66%,var(--hx-apricot) 100%);
  --hx-gradient-loop:linear-gradient(90deg,var(--hx-royal-blue) 0%,var(--hx-cornflower) 21%,var(--hx-lavender-gray) 33%,var(--hx-apricot) 50%,var(--hx-lavender-gray) 67%,var(--hx-cornflower) 79%,var(--hx-royal-blue) 100%);
  --hx-accent:#0D0E10;
  --hx-accent-hover:#2C2D30;
  --hx-accent-ink:#0D0E10;
  --hx-accent-soft:#EEF0F0;
  --hx-apricot-ink:#9A4A22;
  --hx-apricot-soft:#FCEEE5;
  --hx-bg:#F8FAFA; --hx-bg-2:#FFFFFF; --hx-bg-3:#EEF0F0;
  --hx-fg:#0D0E10;
  --hx-fg-2:#4F5052;
  --hx-muted:#6B6C70;
  --hx-line:rgba(13,14,16,.09); --hx-line-2:rgba(13,14,16,.18);
  --hx-focus:#0D0E10;
  --hx-ok:#1F7A4D;          --hx-ok-soft:#E6F4EC;
  --hx-attention:#B3261E;   --hx-attention-soft:#FCEBE9;
  --hx-progress:#A35400;    --hx-progress-soft:#FDF3E1;
  --hx-amber:#F5A524;
  --hx-font:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --hx-font-deva:"Noto Serif Devanagari",serif;
  --hx-track-display:-.045em; --hx-track-label:.2em;
  --hx-space-1:8px; --hx-space-2:16px; --hx-space-3:24px; --hx-space-4:32px;
  --hx-space-5:48px; --hx-space-6:72px; --hx-space-7:96px; --hx-space-8:120px;
  --hx-radius-control:14px; --hx-radius-card:22px; --hx-radius-panel:32px; --hx-radius-pill:999px;
  --hx-shadow-1:0 1px 2px rgba(13,14,16,.05),0 4px 14px rgba(13,14,16,.05);
  --hx-shadow-2:0 2px 6px rgba(13,14,16,.05),0 18px 44px rgba(29,52,120,.10);
  --hx-shadow-3:0 4px 10px rgba(13,14,16,.06),0 30px 70px rgba(29,52,120,.16);
  --hx-ease:cubic-bezier(.2,.7,.1,1);
  --hx-dur-fast:300ms; --hx-dur-base:600ms; --hx-dur-sweep:800ms;
  --hx-gutter:clamp(16px,4vw,56px); --hx-measure:60ch; --hx-max:1240px;
}
.hx-dark{
  --hx-bg:#0D0E10; --hx-bg-2:#16171A; --hx-bg-3:#1F2024;
  --hx-fg:#F8FAFA; --hx-fg-2:#C5C6C8; --hx-muted:#9A9BA0;
  --hx-line:rgba(248,250,250,.11); --hx-line-2:rgba(248,250,250,.24);
  --hx-accent-ink:#F8FAFA; --hx-accent-soft:rgba(248,250,250,.08);
  --hx-apricot-ink:#EEAA82; --hx-apricot-soft:rgba(238,170,130,.14);
  --hx-ok:#58CC8D; --hx-attention:#FF7B70; --hx-progress:#FFC46B;
  --hx-ok-soft:rgba(88,204,141,.14); --hx-attention-soft:rgba(255,123,112,.14); --hx-progress-soft:rgba(255,196,107,.14);
  --hx-focus:#F8FAFA;
  background:var(--hx-bg); color:var(--hx-fg);
}
.hx-label{font-family:var(--hx-font);font-weight:500;font-size:12px;letter-spacing:var(--hx-track-label);text-transform:uppercase;color:var(--hx-muted)}
.hx-data{font-family:var(--hx-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}