:root {
    --shell-accent: #37517e;
    --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;
}

/* Temas da interface, seguindo o contrato do ERP/PDV: default, light/v1 e dark. */
:root[data-theme="light"][data-theme-variant="default"] {
    --shell-accent: #37517e;
    --primary: #37517e;
    --primary-dark: #2c4267;
    --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);
    --text: #1f2937;
    --muted: #667085;
    --border: #d7dee8;
    --border-strong: #9aaabd;
    --divider: #edf0f4;
    --on-primary: #ffffff;
    --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);
}

:root[data-theme="light"][data-theme-variant="v1"] {
    --shell-accent: #eceef0;
    --primary: #34486a;
    --primary-dark: #293b58;
    --primary-soft: #dadfe8;
    --page: #eceef0;
    --surface: #ffffff;
    --surface-soft: #d8dadc;
    --surface-hover: #dadfe8;
    --surface-muted: #d8dadc;
    --surface-disabled: #f3f3f3;
    --surface-translucent: rgba(255,255,255,.95);
    --text: #1f2023;
    --muted: #64748b;
    --border: #a1a4ac;
    --border-strong: #a1a4ac;
    --divider: #a1a4ac;
    --on-primary: #ffffff;
    --shadow: 0 10px 28px rgba(31,32,35,.12);
    --shadow-subtle: 0 1px 2px rgba(31,32,35,.12);
}

:root[data-theme="dark"] {
    --shell-accent: #2c2f36;
    --primary: #7896c4;
    --primary-dark: #526d96;
    --primary-soft: #343a46;
    --page: #2c2f36;
    --surface: #22242a;
    --surface-soft: #2d3038;
    --surface-hover: #373b45;
    --surface-muted: #30343c;
    --surface-disabled: #30343c;
    --surface-translucent: rgba(34,36,42,.96);
    --text: #bcc3ce;
    --muted: #a1a9b5;
    --border: #434752;
    --border-strong: #5b606c;
    --divider: #434752;
    --on-primary: #20242a;
    --shadow: 0 10px 28px rgba(0,0,0,.42);
    --shadow-subtle: 0 1px 2px rgba(0,0,0,.32);
}