/*
 * Peddle Offer Wizard: the host's palette.
 *
 * The module declares every colour it uses as a custom property on
 * .pow-wizard (see "Theming" in its README). This file overrides those
 * tokens; assets/pow/css/wizard.css is never edited, because
 * publish-assets.php rewrites it on every `composer update` of the module.
 *
 * Loaded AFTER wizard.css -- see templates/web/car-selling/peddle-offer-wizard.php.
 * Both use the same .pow-wizard selector, so specificity ties and the last
 * declaration wins: loaded before it, this file would do nothing at all,
 * silently.
 *
 * Only brand tokens are set here. The semantic ones (--pow-success,
 * --pow-danger, --pow-warning) keep the module's values on purpose: they were
 * picked to contrast on white, and the site's Bootstrap equivalents are worse
 * for that -- #dc3545 is thinner against white than the module's #b02a37, and
 * #ffc107 is unreadable as the text colour --pow-warning is used for.
 */

.pow-wizard {
    /* Brand - the site's $primary (--bs-primary) */
    --pow-accent: #0A2E36;              /* active tabs, links, radios, sidebar */
    --pow-accent-contrast: #ffffff;     /* text on the accent */

    /* The CTA diverges from the accent on purpose: it is $secondary
       (--bs-secondary), the amber the rest of the site calls to action with */
    --pow-cta: #FFB703;                 /* Next button */
    --pow-cta-contrast: #000000;        /* black: white does not contrast on this amber */

    /* Derived - WITHOUT these half the wizard stays green.
       All three are the values Bootstrap already generates for .btn-secondary
       on this amber, hover included: lighter, not darker, which is how a light
       colour behaves in Bootstrap. So the wizard's Next is the same button
       people have been clicking everywhere else on the site. */
    --pow-cta-hover: #ffc229;                   /* a LIGHTER amber, not darker */
    --pow-focus-ring: rgba(10, 46, 54, 0.25);   /* the accent at 25% */
    --pow-accent-soft: rgba(10, 46, 54, 0.12);  /* the accent at 12% (selection fills) */

    /* --bs-body-color, so the wizard's text does not jar against the rest
       of the page */
    --pow-text: #343a40;

    /* Flat panels: no shadow on the sidebar or the card. One token feeds
       exactly three rules in wizard.css -- .pow-sidebar, .pow-rail (the
       sidebar's own mobile form) and .pow-card -- so overriding it here is
       the whole change. Dialogs keep their depth: they use --pow-shadow-lg,
       which this does not touch. */
    --pow-shadow: none;
}