:root {
    --primary: #37517e;
    --primary-strong: #2f4b78;
    --primary-dark: #2c4267;
    --primary-hover: #293f66;
    --primary-light: #657da8;
    --primary-soft: #e8eef7;
    --page: #eef2f6;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --surface-hover: #edf2f8;
    --surface-muted: #f0f3f7;
    --surface-disabled: #f0f2f5;
    --surface-translucent: rgba(255,255,255,.95);
    --surface-overlay: rgba(255,255,255,.3);
    --transparent: transparent;
    --text: #1f2937;
    --muted: #667085;
    --muted-light: #98a2b3;
    --muted-accent: #526d91;
    --muted-item: #7a8799;
    --border: #d7dee8;
    --border-strong: #9aaabd;
    --divider: #edf0f4;
    --success: #24865a;
    --success-bright: #50d890;
    --success-soft: #e6f6ee;
    --success-text: #257551;
    --success-item: #245d43;
    --success-marker: #4aa878;
    --warning: #d18c22;
    --warning-soft: #fff1df;
    --warning-text: #9a5c0c;
    --warning-item: #72540e;
    --danger: #c53d49;
    --danger-dark: #842f38;
    --on-primary: #ffffff;
    --on-primary-muted: #e4eaf3;
    --on-primary-soft: #dbe5f3;
    --on-primary-faded: rgba(255,255,255,.72);
    --on-primary-border: rgba(255,255,255,.18);
    --on-primary-border-medium: rgba(255,255,255,.22);
    --on-primary-border-strong: rgba(255,255,255,.42);
    --on-primary-hover: rgba(255,255,255,.1);
    --on-primary-hover-strong: rgba(255,255,255,.2);
    --overlay: rgba(23,36,61,.33);
    --overlay-strong: rgba(24,37,60,.5);
    --overlay-soft: rgba(0,0,0,.08);
    --overlay-medium: rgba(0,0,0,.3);
    --shadow: 0 10px 28px rgba(42,58,83,.12);
    --shadow-subtle: 0 1px 1px rgba(0,0,0,.14902), 0 1px 2px rgba(0,0,0,.09804);
    --shadow-control: 0 3px 6px rgba(0,0,0,.16);
    --shadow-toast: 0 4px 10px rgba(0,0,0,.1);
    --shadow-sidebar: 0 4px 12px rgba(31,41,55,.12);
    --shadow-banner: 0 12px 35px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.08);
    --shadow-dialog: 0 20px 60px rgba(23,36,61,.33);
    --shadow-small: 0 1px 4px rgba(32,50,79,.09);
    --radius: 5px;
}