/* TicketPulse site palette — the colours the storefront's own pages use that its
   older stylesheet (assets/css/style.css) has no name for.

   style.css predates the design system and declares --tp-purple as #6C2BD9, so on this
   site the brand purple #440099 cannot be reached by its canonical name. The "sell with
   us", "list with us" and promoter pages are built on it and on a purple-tinted ink scale,
   so they are named here, once, under --site-* rather than redefining --tp-* and changing
   every older page that already relies on style.css's values.

   Loaded before style.css (App.razor). */
:root {
    /* Brand purple, as in World.Platform.DesignTokens --tp-purple / --tp-purple-dark. */
    --site-brand: #440099;
    --site-brand-deep: #35007A;          /* hover/pressed */

    /* Ink scale: headings, body, secondary, faint. */
    --site-ink: #1C1830;
    --site-ink-2: #4A4557;
    --site-ink-3: #756E8C;
    --site-ink-4: #9B97AA;

    /* Lines and quiet surfaces. */
    --site-line: #E8E4F2;
    --site-line-strong: #C9C2DD;
    --site-canvas: #F7F7FA;
    --site-surface-soft: #FCFBFE;
    --site-lavender: #F1EBFB;            /* selected / highlighted wash */

    /* Status. */
    --site-ok: #17803D;
    --site-ok-bg: #E8F7EE;
    --site-bad: #C22030;
    --site-bad-bg: #FDEEEF;
}