:root{
    --base-h: 210;
    --base-s: 50%;
    --base-l: 40%;

    /* TOPHERPROFILES token scale derived from the DB base_color (see core/DESIGN.md).
       Static violet defaults live in design-tokens.css; this file wins at runtime. */
    --tp-primary: #336699;
    --tp-50: #beccda;
    --tp-100: #a8c2dc;
    --tp-200: #85add6;
    --tp-300: #6296cb;
    --tp-400: #4080bf;
    --tp-500: #326395;
    --tp-600: #336699;
    --tp-700: #29527a;
    --tp-800: #1f3d5c;
    --tp-900: #204060;
    --tp-950: #132639;
    --tp-primary-deep: var(--tp-700);
    --tp-primary-press: var(--tp-800);
    --tp-primary-soft: var(--tp-400);
    --tp-primary-subtle: var(--tp-100);
}