:root{--app-ink:#17222d;--app-page:#eef1f3;--app-surface:#ffffff;--app-accent:#1e5ba0;--app-h1-color:#17222d;--app-h2-color:#17222d;--app-h3-color:#17222d;--app-body-color:#17222d;--app-muted-color:#63707d;--app-heading-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-body-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-h1-size:56px;--app-h1-weight:800;--app-h1-line:1.04;--app-h2-size:23px;--app-h2-weight:700;--app-h2-line:1.2;--app-h3-size:18px;--app-h3-weight:700;--app-h3-line:1.3;--app-body-size:16px;--app-body-weight:400;--app-body-line:1.6;--app-label-size:14px;--app-label-weight:700;font-family:var(--app-body-font);font-size:var(--app-body-size);font-weight:var(--app-body-weight);line-height:var(--app-body-line);color:var(--app-body-color);background:var(--app-page)}
h1{font-family:var(--app-heading-font);font-size:var(--app-h1-size);font-weight:var(--app-h1-weight);line-height:var(--app-h1-line);color:var(--app-h1-color)}h2{font-family:var(--app-heading-font);font-size:var(--app-h2-size);font-weight:var(--app-h2-weight);line-height:var(--app-h2-line);color:var(--app-h2-color)}h3{font-family:var(--app-heading-font);font-size:var(--app-h3-size);font-weight:var(--app-h3-weight);line-height:var(--app-h3-line);color:var(--app-h3-color)}
.form-stack label,.theme-name,.preview-label{font-size:var(--app-label-size);font-weight:var(--app-label-weight)}.auth-card,.side-card,.panel,.topbar,.table-card,.stats article,.stats a,.theme-library,.appearance-status,.publish-bar{background:var(--app-surface)}
.brand-mark,button:not(.button-secondary):not(.button-danger),.button-link,.theme-list__icon{background:var(--app-ink);color:var(--app-surface)}.button-secondary{background:color-mix(in srgb,var(--app-ink) 8%,var(--app-surface));color:var(--app-ink)}
.eyebrow,.intro,.stats span,td small,th,.empty-state,.theme-library__empty,.theme-list__item small,.color-control small,.publish-bar small{color:var(--app-muted-color)}.text-link,.breadcrumb a{color:var(--app-accent)}
.form-stack input:focus,.form-stack select:focus,.theme-name input:focus{border-color:var(--app-accent);outline-color:color-mix(in srgb,var(--app-accent) 16%,transparent)}.topbar,.form-stack input,.form-stack select,.table-card.flat,.theme-list__item,.theme-name input,.color-field input{border-color:color-mix(in srgb,var(--app-ink) 18%,transparent)}
.theme-list__item.is-selected{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 12%,transparent)}.stats .appearance-card{background:var(--app-ink);color:var(--app-surface)}.stats .appearance-card span{color:color-mix(in srgb,var(--app-surface) 82%,transparent)}