:root {
    --app-background: #ffffff;
    --heading-color: #000;
    --muted-text: #676767;
    --hero-background: #e7dfcc;
    --button-background: #111111;
    --button-text: #ffffff;
    --error-color: #9e1f1f;
    --error-background: #fff1f1;
    --error-text: #5a2020;
    --error-border: #f2c8c8;
    --success-background: #f0f8f1;
    --success-text: #1b4d20;
    --success-border: #c6e0c9;

    /* Consumed by variants/pay3.css, which cannot know the brand.
       Truworths Pay3 buttons are black, not the orange in the logo — measured off the SIGN UP
       button on the Truworths Pay3 artboard (node 1441-1389: #000000, 457.33x53.33, radius 64). */
    --brand-pay3-button: #000000;

    /* The blue artwork behind Pay3's tinted bands, exported from the step-1 artboard (node
       1443-321, an image fill rather than a gradient). The decline and confirmation bands sample to
       the same values, so one asset serves all three.

       Absolute rather than relative to this file: a url() inside a custom property is resolved
       against the document, not the stylesheet that declares it, so "../img/..." resolved to
       /img/... on the page and 404'd. */
    --brand-pay3-band-image: url("/_content/Truworths.Account.Registration.BrandKit/img/pay3-truworths-benefits-band.png");

    /* Truworths Pay3 sets Arial in the React funnel. The stack there also lists -apple-system,
       Segoe UI and others, but every one of those names is written with escaped quotes
       (\'Segoe UI\'), so the list past Arial never parses — Arial is what actually renders. */
    /* Measured off the artboards, not inferred from the React funnel: every text node
       sampled on the Truworths Pay3 screens is Poppins — the heading at 700, body and
       labels at 400, benefit copy at 300. The Arial this replaced came from the React
       rules, where Poppins sits on an Identity class; the designs do not agree. */
    --brand-pay3-font: "Poppins", Arial, Helvetica, sans-serif;

    /* The benefit badge: 30px on the mobile frames (Group 1000004253) and 38 on the desktop ones
       (Group 17557, node 1443-433). Identity draws its own at 32 on both. */
    --brand-pay3-badge: 1.875rem;
    --brand-pay3-badge-wide: 2.375rem;
}