:root{--demo-font-title:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--demo-font-body:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--demo-title-weight:700;--demo-title-tracking:-.03em;--demo-pop-title-size:21px;--demo-title-ink:#2e3440;--demo-body-ink:#434c5e;--demo-accent:#2e3440;--demo-accent-hover:#232833;--demo-accent-ring:#c2cad6;--demo-chip-bg:#eceff4;--demo-chip-text:#434c5e;--demo-chip-border:#d8dee9;--demo-card-bg:#fff;--demo-card-border:#c4cdda;--demo-card-radius:10px;--demo-card-shadow:0 0 0 1px #2e34400a, 0 10px 20px -8px #2e344029, 0 28px 56px -20px #2e344057}.demo-scope{font-family:var(--demo-font-body)}.demo-title{font-family:var(--demo-font-title);font-weight:var(--demo-title-weight);letter-spacing:var(--demo-title-tracking);color:var(--demo-title-ink)}.demo-title-font{font-family:var(--demo-font-title);font-weight:var(--demo-title-weight);letter-spacing:var(--demo-title-tracking)}.demo-accent-text{color:var(--demo-accent)}.demo-accent-bg{background-color:var(--demo-accent)}.demo-card-surface{background-color:var(--demo-card-bg)}.demo-btn-primary{background-color:var(--demo-accent)}.demo-btn-primary:hover{background-color:var(--demo-accent-hover)}