/* * Brand theme tokens. * * The brand color is tokenized AT SOURCE: material-kit.css and the project CSS * now reference var(--brand-primary) / rgba(var(--brand-primary-rgb), a) wherever * the brand red (#E40037 / rgba(228,0,55,a)) used to be hardcoded. So every brand * surface — buttons, dropdown/nav hovers, focus states, shadows — follows these * tokens. No per-selector overrides needed here. * * The :root values below are the DEFAULTS and reproduce the base look * (--brand-primary == #E40037). The store overrides the token *values* via an * inline :root block injected in ; a store with no overrides gets these * defaults = no regression. * * This file is bundled LAST so its :root is the base layer; the inline :root in * comes after the bundle and wins. */ :root { --brand-primary: #e40037; --brand-primary-rgb: 228, 0, 55; /* channels of --brand-primary, for rgba() */ --brand-primary-hover: #c1002f; --brand-primary-contrast: #ffffff; --brand-secondary: #0097a7; --font-base: 'Roboto', sans-serif; --font-heading: "Roboto Slab", "Times New Roman", serif; } /* Base font (default matches the Google "Roboto" face already loaded in ). Headings (.title/.card-title etc.) consume --font-heading directly in the source CSS (material-kit.css), so no extra heading rule is needed here. */ body { font-family: var(--font-base); }