/* ============================================================ SMART HOSPITAL · DESIGN TOKENS CSS custom properties for all 3 theme variants. Load AFTER Bootstrap 5, BEFORE sh-theme.css. Usage: ============================================================ */ /* ---------- TYPOGRAPHY TOKENS · shared across all variants ---------- Approved 2026-05-15. Mock: Wfdocs/typography-samples.html Scale: 8 sizes (display→micro) replaces previously hardcoded 18+ sizes. Body baseline lifted 13px → 14px for enterprise readability. See: project_typography_rollout_progress.md memory file. --------------------------------------------------------------- */ :root { /* Size scale — multiplied by --text-scale (Theme Studio "Text size" buttons). --text-scale defaults to 1; flips to 0.9 / 1.1 / 1.25 for compact/comfort/large. */ --fs-display: calc(56px * var(--text-scale, 1)); /* Front CMS hero only (Manrope) */ --fs-h1: calc(24px * var(--text-scale, 1)); /* Page title — one per page */ --fs-h2: calc(20px * var(--text-scale, 1)); /* Section header */ --fs-h3: calc(16px * var(--text-scale, 1)); /* Card / panel title */ --fs-h4: calc(14px * var(--text-scale, 1)); /* Sub-section */ --fs-h5: calc(18px * var(--text-scale, 1)); /* Modal title only */ --fs-h6: calc(13px * var(--text-scale, 1)); /* Small label heading */ --fs-body: calc(14px * var(--text-scale, 1)); /* Body, input, table cell */ --fs-sm: calc(12px * var(--text-scale, 1)); /* Caption, meta, help text, table header */ --fs-micro: calc(11px * var(--text-scale, 1)); /* Uppercase micro-labels, badge, sidebar section */ /* Weight scale */ --fw-regular: 400; /* Body, table cell, paragraph */ --fw-medium: 500; /* DEPRECATED in new code (kept for legacy refs) */ --fw-semibold: 600; /* Form labels, button text, nav link */ --fw-bold: 700; /* All headings, card title, modal title, KPI value */ --fw-heavy: 800; /* DEPRECATED except --fs-display (front hero) */ /* Line-height scale */ --lh-tight: 1.2; /* Display only */ --lh-snug: 1.35; /* H1 / H2 */ --lh-normal: 1.5; /* Body, paragraphs */ --lh-loose: 1.6; /* Long-form reading */ /* Letter-spacing scale */ --ls-tighter: -0.022em; /* Display only */ --ls-tight: -0.01em; /* H1 / H2 */ --ls-normal: 0; /* Body, default */ --ls-wide: 0.04em; /* Uppercase micro-labels (single value, replaces .03/.05/.06/.07/.08em mix) */ /* Display font family (used only by --fs-display roles; UI uses --font per variant) */ --font-display: 'Manrope', 'Inter', system-ui, sans-serif; /* Theme Studio overlay tokens (added 2026-05-16) Defaults; overridden per-user by Theme Studio inline