/* * VisionOne brand tokens. * Centralized color palette + type stack from the VisionOne brand guide. * Load AFTER base.css so these win, and pull Lato/Sanchez from Google Fonts * in the page (the platform CSP already allows fonts.googleapis.com). */ :root { --vo-green: #649954; --vo-blue: #0081B7; --vo-red: #C73127; --vo-purple: #74519A; --vo-yellow: #EBD417; --vo-gray: #D1D3D4; /* Tints / shades used across the app surfaces */ --vo-green-dark: #4d7a40; --vo-green-tint: #e7efe2; --vo-blue-dark: #006592; --vo-blue-tint: #e2f0f6; --vo-ink: #1f2a24; /* body text */ --vo-ink-soft: #55605a; /* secondary text */ --vo-surface: #ffffff; --vo-canvas: #f4f7f3; /* app background */ --vo-border: #dfe5df; /* Type */ --vo-font-body: 'Lato', 'Segoe UI', system-ui, sans-serif; --vo-font-heading: 'Sanchez', Georgia, 'Times New Roman', serif; /* Map onto the platform theme variables so shared components inherit VisionOne */ --wt-primary: var(--vo-green); --wt-secondary: var(--vo-blue); --wt-accent: var(--vo-yellow); --wt-text-primary: var(--vo-ink); --wt-text-secondary: var(--vo-ink-soft); --wt-background: var(--vo-canvas); --wt-surface: var(--vo-surface); --wt-font-family: var(--vo-font-body); } /* Section-status accent colors (shared by dashboard chips + builder) */ :root { --vo-status-not-started: var(--vo-gray); --vo-status-in-progress: var(--vo-blue); --vo-status-reviewed: var(--vo-purple); --vo-status-approved: var(--vo-green); }