/* ============================================================ SHARED THEME TOKENS (used by both the clinician and patient portals via ../styles/common.css) The anti-FOUC boot script in each index.php stamps data-theme="light" | "dark" on before this file loads, resolving the ohc_theme localStorage choice or, when unset, the OS prefers-color-scheme setting. PLACEHOLDER PALETTE: the hex values below are deliberately rough stand-ins so the wiring can be reviewed end-to-end. Tune them in one place here later; every colour in the portals resolves back to one of these --ohc-* tokens. ============================================================ */ :root { /* Light theme (default) */ --ohc-bg: #f4f6f9; /* app background */ --ohc-surface: #ffffff; /* cards / panels */ --ohc-surface-2: #f4f6f9; /* inset / subtle surfaces */ --ohc-surface-3: #eef2f7; /* hover / active fills */ --ohc-border: #e2e8f0; --ohc-border-strong:#cbd5e1; --ohc-text: #1a2332; --ohc-text-muted: #64748b; --ohc-text-faint: #94a3b8; --ohc-accent: #3d8bcd; --ohc-accent-dark: #2c6fa0; --ohc-accent-soft: rgba(61,139,205,0.08); --ohc-on-accent: #ffffff; --ohc-danger: #e53e3e; --ohc-danger-text: #c53030; --ohc-success: #38a169; --ohc-warning: #d69e2e; --ohc-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06); --ohc-shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06); --ohc-overlay: rgba(0,0,0,0.5); } :root[data-theme="dark"] { /* Dark theme — PLACEHOLDER values, tune later */ --ohc-bg: #0f1620; --ohc-surface: #1a2332; --ohc-surface-2: #131b26; --ohc-surface-3: #232f40; --ohc-border: #2a3646; --ohc-border-strong:#3a4a5e; --ohc-text: #e6edf5; --ohc-text-muted: #93a4b8; --ohc-text-faint: #6b8aa8; --ohc-accent: #4b97d6; --ohc-accent-dark: #3d8bcd; --ohc-accent-soft: rgba(75,151,214,0.14); --ohc-on-accent: #ffffff; --ohc-danger: #f06565; --ohc-danger-text: #f06565; --ohc-success: #4fb37c; --ohc-warning: #e0b04a; --ohc-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4); --ohc-shadow-md: 0 6px 16px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.45); --ohc-overlay: rgba(0,0,0,0.65); } .hint{ /* used in forms */ /* position: absolute; */ left: 2px; right: auto; bottom: 7px; font-size: 12px; line-height: 14px; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); color: rgba(0, 0, 0, 0.54); } .as-link{ color:#303d4e; font-weight:bold; cursor:pointer; } .as-link:hover{ color:#FF9800; } .ohc-tool-panel-right{ position:fixed; right:20px; }