:root {
    --page-bg:#f4f7f7;
    --surface:#fff;
    --surface-muted:#eef4f3;
    --text:#172c2b;
    --text-muted:#566a68;
    --border:#dce5e4;
    --control-border:#718783;
    --brand-accent:#22aaa6;
    --action:#087a74;
    --action-text:#fff;
    --danger:#b3261e;
    --success:#1d6c48;
    --focus:#087a74;
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-6:24px;
    --space-8:32px;
    --space-12:48px;
    --radius-control:6px;
    --radius-card:8px;
    --radius-pill:999px;
    --body-size:13px;
    --heading-size:20px;
    --subheading-size:17px;
    --control-height:30px;
    --control-padding:5px 10px;
    --header-height:48px;
    --sidebar-width:192px;
    --content-gutter:16px;
    --panel-padding:16px;
    --section-gap:16px;
    --form-row-gap:8px;
    --form-field-gap:3px;
    --nav-height:32px;
    --cell-padding:4px 10px;
    --table-row-height:34px;
    --row-action-size:26px;
    font-family:system-ui,'Segoe UI',sans-serif;
    color-scheme:light
}

[data-density="cozy"] {
    --body-size:14px;
    --heading-size:24px;
    --subheading-size:19px;
    --control-height:36px;
    --control-padding:7px 12px;
    --header-height:56px;
    --sidebar-width:216px;
    --content-gutter:24px;
    --panel-padding:24px;
    --section-gap:24px;
    --form-row-gap:12px;
    --form-field-gap:4px;
    --nav-height:40px;
    --cell-padding:7px 12px;
    --table-row-height:44px;
    --row-action-size:30px;
}

[data-theme="dark"] {
    --page-bg:#0f171b;
    --surface:#182429;
    --surface-muted:#203138;
    --text:#eaf2f0;
    --text-muted:#adc0bc;
    --border:#314b50;
    --control-border:#5f8183;
    --action:#59d5cc;
    --action-text:#0e2423;
    --danger:#ffb4ab;
    --success:#8bd5ad;
    --focus:#59d5cc;
    color-scheme:dark
}