:root{

    --background:#f5f5f5;
    --primary:#3b4cca;
    --text:#222;
    --text-muted:#5f6470;
    --surface:#fff;
    --surface-raised:#fff;
    --surface-subtle:#f8f8fb;
    --surface-muted:#eeeeee;
    --border:#dfe2ea;
    --border-strong:#bfc3d9;
    --input-background:#fff;
    --interactive-hover:#f4f5fb;
    --interactive-selected:#eef0ff;
    --disabled-background:#f3f3f3;
    --disabled-text:#888;
    --danger-text:#7a2020;
    --danger-background:#fff4f4;
    --danger-border:#edcaca;
    --success-text:#28583a;
    --success-background:#f0f8f2;
    --warning-text:#664916;
    --warning-background:#fff8e8;
    --shadow:0 0.35rem 1rem #00000014;
    --overlay:rgb(18 22 36 / 55%);
    --focus:#25379d;
    --sidebar-width:clamp(11rem,18vw,15rem);

}