:root {
    --rz-primary: #f35930 !important; /* Orange — brand primary */
    --rz-secondary: #54679B !important; /* Navy blue */
    --rz-danger: #e31000 !important; /* Deep crimson — distinct from primary orange */
    --rz-danger-light: #fef3f2 !important;
    --rz-danger-dark: #912018 !important;

    --su-primary: #f35930;
    --su-secondary: #54679B;
    --su-danger: #e31000;
    --su-danger-soft: #fef3f2;
    --su-danger-dark: #912018;

    /* View actions — light gray-blue */
    --su-view: #4a5f73;
    --su-view-bg: #e8eef5;
    --su-view-border: #c5d0de;
    --su-view-hover: #d5e0ec;

    /* Edit actions — soft navy */
    --su-edit: #3d4f7a;
    --su-edit-bg: #eef1f8;
    --su-edit-border: #c8d0e4;
    --su-edit-hover: #e0e6f2;

    /* Download actions — soft teal */
    --su-download: #0f6b5c;
    --su-download-bg: #e6f5f1;
    --su-download-border: #b7ddd4;
    --su-download-hover: #d4efe8;

    /* Delete actions — soft crimson */
    --su-delete: #c41e12;
    --su-delete-bg: #fef2f1;
    --su-delete-border: #f0c2be;
    --su-delete-hover: #fde4e1;

    --su-orange: var(--su-primary);
    --su-orange-soft: #F58A68;
    --su-orange-dark: #d94a1c;

    /* Customer portal tokens (also used by --xpat-* in customer-portal.css) */
    --xpat-navy: #4a5f73;
    --xpat-navy-dark: #3a4d5e;
    --xpat-navy-light: #5d6e82;
    --xpat-orange: #f35930;
    --xpat-orange-dark: #d94a1c;
    --xpat-orange-light: #fff4f0;
    --xpat-cream: #f8f6f3;
    --xpat-text: #1e293b;
    --xpat-muted: #64748b;

    /* Staff / employee-portal shell tokens */
    --xp-navy: hsl(209, 75%, 17%);
    --xp-navy-deep: hsl(209, 85%, 10%);
    --xp-navy-mid: hsl(209, 75%, 22%);
    --xp-sidebar-bg: #1C4665;
    --xp-orange: rgb(241 89 46);
    --xp-orange-soft: hsl(42, 52%, 63%);
    --xp-bg: #f4f6f9;
    --xp-surface: #ffffff;
    --xp-surface-raised: #ffffff;
    --xp-border: hsl(210, 20%, 88%);
    --xp-text: hsl(222, 47%, 11%);
    --xp-muted: hsl(215, 16%, 47%);
    --xp-header-bg: rgba(244, 246, 249, 0.92);
    --xp-hover: hsl(210, 20%, 96%);
    --xp-sidebar-w: 16.5rem;
    --xp-sidebar-w-collapsed: 4.5rem;
    --xp-radius: 0.75rem;
    --xp-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.06);
    --xp-gold: var(--xp-orange);
    --xp-accent: var(--xp-orange);
}

[data-theme="dark"] {
    --su-danger-soft: #3b1c22;
    --su-danger-dark: #f8c9ce;

    --su-view: #9db0c4;
    --su-view-bg: #243140;
    --su-view-border: #3a4d63;
    --su-view-hover: #2d3d4e;

    --su-edit: #9aa8c8;
    --su-edit-bg: #242e44;
    --su-edit-border: #3c4b6a;
    --su-edit-hover: #2c3852;

    --su-download: #7dcdc0;
    --su-download-bg: #1c3330;
    --su-download-border: #2f5a52;
    --su-download-hover: #244640;

    --su-delete: #f0a39c;
    --su-delete-bg: #3b1c1a;
    --su-delete-border: #6b3530;
    --su-delete-hover: #4a2421;

    --xpat-text: #e8eef4;
    --xpat-muted: #94a3b8;
    --xpat-cream: #182230;

    --xp-navy: hsl(209, 42%, 72%);
    --xp-navy-deep: #0b1520;
    --xp-navy-mid: #1a3148;
    --xp-sidebar-bg: #143248;
    --xp-bg: #0f1720;
    --xp-surface: #182230;
    --xp-surface-raised: #1e2c3c;
    --xp-border: hsl(210, 14%, 24%);
    --xp-text: hsl(210, 20%, 93%);
    --xp-muted: hsl(215, 12%, 68%);
    --xp-header-bg: rgba(15, 23, 32, 0.92);
    --xp-hover: hsl(210, 18%, 18%);
    --xp-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
}