/* ProsGrade design tokens. Separated from design-system.css on purpose (Sept 22 2026).

   design-system.css has to load LAST so its type and radius rules beat Bootstrap. These token definitions have the
   opposite requirement: several public stylesheets now reference var(--pg-*), and any layout that serves one of those
   files must also define the tokens or the declaration is simply invalid and the property falls back to its inherited
   or initial value - silently, with no console error. Keeping them in the last-loaded public stylesheet made that a
   trap waiting for whoever next adds a stylesheet link to a different layout.

   So: tokens load EARLY and from EVERY layout; design-system.css still loads last and only for public pages.
   (Custom properties resolve at computed-value time, so load order between definition and use does not matter - but
   presence does.) */

:root {
    /* One blue. The public CSS had four doing the same job (#2f67ff, Bootstrap's #0d6efd, #2563eb, #1d4ed8). */
    --pg-blue: #2f67ff;
    --pg-blue-dark: #1d4ed8;
    --pg-blue-soft: #eef3ff;

    /* Three text colours. There were thirty-odd greys between them all meaning "text" or "muted text". */
    --pg-ink: #0f172a;
    --pg-ink-2: #334155;
    --pg-muted: #64748b;

    --pg-line: #e3e9f3;
    --pg-surface: #fff;
    --pg-surface-2: #f8fafc;

    --pg-r-sm: 8px;
    --pg-r-md: 14px;
    --pg-r-pill: 999px;

    /* Two resting elevations, because the site legitimately has two kinds of card and collapsing them onto one would
       flatten the place. `rest` is the tight, border-defined card used by the listing and recommendation grids.
       `soft` is the prevailing panel lift - `0 8px 24px` at 5% is the single most common shadow in the public CSS
       (25 uses) - kept at its real geometry so tokenising 80 variants does not become a redesign. */
    --pg-shadow-rest: 0 1px 2px rgba(16, 32, 64, 0.05);
    --pg-shadow-soft: 0 8px 24px rgba(16, 32, 64, 0.05);
    --pg-shadow-hover: 0 6px 18px rgba(16, 32, 64, 0.10);
    --pg-shadow-raised: 0 10px 24px rgba(16, 32, 64, 0.08);
}