/** * LMS design tokens — single source of truth for brand color + type. * Load this file on every page before other stylesheets. * Also include views/partials/fonts.ejs (or the Inter Google Fonts link) in . */ :root { /* Brand */ --primary: #3641E1; --primary-hover: #2E38C9; --primary-active: #262FB0; --primary-soft: #E8E9FC; --on-primary: #FFFFFF; /* Surfaces */ --background: #F6F7FB; --surface: #FFFFFF; --border: #E4E7EE; /* Text */ --text-primary: #1D2433; --text-muted: #697A8D; /* Typography */ --font-sans: Inter, "Segoe UI", system-ui, sans-serif; --font-display: Inter, "Segoe UI", system-ui, sans-serif; --font-certificate: Georgia, "Times New Roman", serif; /* Status */ --success: #16A34A; --danger: #DC2626; --warning: #D97706; } html { font-family: var(--font-sans); } body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }