/* * Orion Live Sessions — CNIB design tokens * Lifted from /Users/lancedouglas/dev/IAXOV_CLIENTS/ai.cnib/AATech-Summit/frontend/css/wcag-aaa-theme.css * WCAG 2.2 AAA. Contrast 21:1 (black on white), 18.3:1 (black on yellow). */ :root { /* CNIB brand — only three */ --cnib-yellow: #FFF200; --cnib-black: #000000; --cnib-white: #FFFFFF; /* Surfaces */ --background: #FFFFFF; --background-subtle: #FAFAF5; --background-accent: #FFF200; --card-background: #FFFFFF; --space-bg: #050510; /* Orion landing space-particle backdrop */ /* Text */ --text: #000000; --text-muted: #333333; --text-on-primary: #000000; --text-on-space: #FFFFFF; /* On the dark landing backdrop */ /* Brand primary */ --primary: #FFF200; --primary-dark: #E6DA00; --primary-light: #FFFDE6; /* Buttons */ --btn-primary-bg: #000000; --btn-primary-text: #FFF200; --btn-primary-border: #000000; --btn-primary-hover-bg: #333333; --btn-primary-hover-text: #FFF200; --btn-secondary-bg: #FFFFFF; --btn-secondary-text: #000000; --btn-secondary-border: #000000; --btn-secondary-hover-bg: #FFF200; --btn-secondary-hover-text: #000000; /* Alerts (lifted) */ --alert-info-bg: #FFFDE6; --alert-info-text: #000000; --alert-info-border: #FFF200; --alert-success-bg: #D1E7DD; --alert-success-text: #0A3622; --alert-success-border: #0F5132; --alert-warning-bg: #FFF3CD; --alert-warning-text: #664D03; --alert-warning-border: #997404; --alert-error-bg: #F8D7DA; --alert-error-text: #58151C; --alert-error-border: #842029; /* Borders */ --border: #CCCCCC; --border-subtle: #E0E0E0; --border-dark: #000000; /* Focus */ --focus-outline: #000000; --focus-shadow: rgba(0, 0, 0, 0.2); /* Status colour aliases */ --success: #0F5132; --warning: #997404; --error: #842029; /* Motion */ --transition-fast: 0.15s ease; --transition-normal: 0.3s ease; /* Layering */ --z-modal: 9000; --z-toast: 9500; /* Typography */ --font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; --font-family-heading: 'Arial Black', 'Arial Bold', Arial, sans-serif; --font-family-mono: 'SFMono-Regular', Consolas, Menlo, monospace; --base-font-size: 16px; --line-height: 1.6; /* Layout */ --max-content-width: 1400px; --section-padding: 3rem; --panel-collapsed-width: 4%; /* Orion 3-panel collapse rule */ /* Spacing scale (8px base) */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; /* Radii */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; } /* High-contrast variant — the AATech theme exposes a `.high-contrast` class on ; honour it here for parity. */ html.high-contrast { --background: #000000; --background-subtle: #0A0A0A; --card-background: #000000; --text: #FFFFFF; --text-muted: #DDDDDD; --border: #FFFFFF; --border-subtle: #888888; --focus-outline: #FFF200; --btn-secondary-bg: #000000; --btn-secondary-text: #FFFFFF; --btn-secondary-border: #FFFFFF; --link-text: #FFF200; }