/* ========================================================================== EvalHub design system ========================================================================== Ported from the approved EvalHub visual design (dark navy nav, indigo accents, soft cards) so the real app matches the approved mockups exactly. Plain CSS on purpose - no build step, no Tailwind CDN - so the whole app stays "clone it and run it" simple. Organized in the order a page uses it: reset/base -> layout shell (nav, page header) -> primitives (card, btn, badge, table, form) -> feature-specific blocks (paper annotations, review workspace, skills graph, etc). */ /* ---- Reset & base ---- */ *, *::before, *::after { box-sizing: border-box; } :root { --accent-violet: #7c3aed; --accent-violet-bg: #f3e8ff; --accent-blue: #2563eb; --accent-blue-bg: #dbeafe; --accent-amber: #d97706; --accent-amber-bg: #fef3c7; --accent-emerald: #059669; --accent-emerald-bg: #d1fae5; --accent-rose: #e11d48; --accent-rose-bg: #ffe4e6; --accent-cyan: #0891b2; --accent-cyan-bg: #cffafe; /* Per-institute brand color (app/routers/admin_settings.py's Branding card writes Institute.primary_color; app/templating.py's brand_css_vars() derives the shades below and base.html injects them as a