/* tokens.css ========== Profspect design tokens -- copied verbatim from static/css/website/website.css in the marketing site repo. Keep in sync with that file if the brand palette changes. Duplicated (not @imported) so the intranet app stays a fully self-contained static root. */ :root { --ps-black: #07080C; --ps-dark: #0E1018; --ps-dark-2: #171A26; --ps-dark-3: #20243480; --ps-grey: #8A93A6; --ps-grey-deep: #5B6472; --ps-light: #F5F8FB; --ps-light-2: #ECF1F6; --ps-white: #FFFFFF; --ps-blue: #6FCBEF; --ps-blue-light: #AEE6FA; --ps-blue-dark: #3C9AC2; --ps-teal: #2EE6C9; --ps-teal-light: #8FF6E8; --ps-teal-dark: #16A99A; --ps-danger: #E5484D; --ps-danger-light: #FF9A9D; --ps-border: rgba(111, 203, 239, 0.18); --ps-glass-bg: rgba(255, 255, 255, 0.045); --ps-glass-bg-2: rgba(255, 255, 255, 0.07); --ps-glass-border:rgba(255, 255, 255, 0.10); --ps-glass-blur: blur(20px) saturate(160%); --font-heading: 'Montserrat', sans-serif; --font-body: 'Montserrat', sans-serif; --radius-sm: 8px; --radius-md: 16px; --radius-lg: 28px; --radius-xl: 36px; --radius-full: 9999px; --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.35); --shadow-lift: 0 16px 40px rgba(0, 0, 0, 0.45); --shadow-glow: 0 0 40px rgba(111, 203, 239, 0.25); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Light theme override -- applied via (set server-side in base/intranet/layout.html from Employee.theme_preference). Every component in intranet.css consumes these custom properties already, so this is the only place a light variant needs to be defined. */ :root[data-theme="light"] { --ps-black: #F5F8FB; --ps-dark: #FFFFFF; --ps-dark-2: #ECF1F6; --ps-dark-3: #E3E9F0; --ps-grey: #5B6472; --ps-grey-deep: #8A93A6; --ps-light: #171A26; --ps-light-2: #0E1018; --ps-white: #07080C; --ps-border: rgba(60, 154, 194, 0.25); --ps-glass-bg: rgba(7, 8, 12, 0.03); --ps-glass-bg-2: rgba(7, 8, 12, 0.05); --ps-glass-border:rgba(7, 8, 12, 0.10); --shadow-card: 0 8px 30px rgba(20, 30, 50, 0.08); --shadow-lift: 0 16px 40px rgba(20, 30, 50, 0.12); --shadow-glow: 0 0 40px rgba(60, 154, 194, 0.20); }