:root {
    --portal-primary: #007f83;
    --portal-primary-dark: #06484f;
    --portal-secondary: #0aa7a5;
    --portal-text: #1f2933;
    --portal-text-muted: #64748b;
    --portal-text-white: #ffffff;
    --portal-background: #f4f8f8;
    --portal-surface: #ffffff;
    --portal-surface-soft: #edf8f7;
    --portal-border: #cfe2e1;
    --portal-font-family: "Helvetica Neue", Arial, sans-serif;
    --portal-focus-ring: rgba(0, 127, 131, 0.26);
    --portal-brand-navy: #04393f;
    --portal-sidebar-background: #04393f;
    --portal-sidebar-border: rgba(255, 255, 255, 0.16);
    --portal-sidebar-hover: rgba(255, 255, 255, 0.12);
    --portal-sidebar-active: rgba(39, 220, 205, 0.20);
    --portal-sidebar-muted: #c6e2df;
    --ssnexus-workspace-intro-image: url('/assets/workspace/ssnexus-workspace-intro-01.png');
    --ssnexus-workspace-intro-overlay: linear-gradient(90deg, rgba(4, 57, 63, 0.84), rgba(0, 127, 131, 0.54) 52%, rgba(4, 57, 63, 0.08));
}