@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
/* Optional: include on helpdesk pages (not admin) so non-default themes tint the page + cards + topbar */
body.dark[data-hd-theme="spectral"] { background: #0c1220; color: #e8edf3; font-family: 'Outfit', 'DM Sans', -apple-system, sans-serif; }
body.dark[data-hd-theme="spectral"] .topbar,
body.dark[data-hd-theme="spectral"] .helpdesk-bar { background: #0f172a; border-bottom-color: #1e3a5f; }
body.dark[data-hd-theme="spectral"] .card { background: #111827; border-color: #1e293b; }
body.dark[data-hd-theme="ocean"] { background: #0a1628; color: #e6edf3; }
body.dark[data-hd-theme="ocean"] .topbar,
body.dark[data-hd-theme="ocean"] .helpdesk-bar { background: #0c1828; border-bottom-color: #1a3d5c; }
body.dark[data-hd-theme="ocean"] .card { background: #0f2137; border-color: #1a4a6e; }

body.dark[data-hd-theme="sunset"] { background: #140f12; color: #f4e8ec; font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; }
body.dark[data-hd-theme="sunset"] .topbar,
body.dark[data-hd-theme="sunset"] .helpdesk-bar { background: #1c1418; border-bottom-color: #4a3542; }
body.dark[data-hd-theme="sunset"] .card { background: #22181e; border-color: #4a3542; }

body.dark[data-hd-theme="forest"] { background: #0a100c; color: #e8f0ea; }
body.dark[data-hd-theme="forest"] .topbar,
body.dark[data-hd-theme="forest"] .helpdesk-bar { background: #0f1812; border-bottom-color: #2d4a38; }
body.dark[data-hd-theme="forest"] .card { background: #15251c; border-color: #2d4a38; }

body.dark[data-hd-theme="contrast"] { background: #000; color: #fff; }
body.dark[data-hd-theme="contrast"] .topbar,
body.dark[data-hd-theme="contrast"] .helpdesk-bar { background: #0a0a0a; border-bottom-color: #fff; }
body.dark[data-hd-theme="contrast"] .card { background: #0a0a0a; border-color: #fff; }

body.dark[data-hd-theme="welcome"] .card { background: #1a1d23; border-color: #353b44; }

body.light[data-hd-theme="paper"] { background: #faf8f5; color: #1c1917; font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; }
body.light[data-hd-theme="paper"] .topbar,
body.light[data-hd-theme="paper"] .helpdesk-bar { background: #f5f0ea; border-bottom-color: #e8e0d8; }
body.light[data-hd-theme="paper"] .card { background: #fff; border-color: #e8e0d8; }