/*
 * Dufi-specific interface overrides.
 *
 * Loaded last (after every base/page <style> block), so plain selectors here
 * win the cascade without needing !important. Keep rules scoped as tightly
 * as you can — a class/id, not a bare tag — so they don't leak onto elements
 * this file wasn't meant to touch.
 *
 * CSS custom properties already available on every /app/* page
 * (defined in templates/app/base.html.twig):
 *   --mobile-primary        brand color            (APP_BRAND_COLOR)
 *   --mobile-primary-light  brand color, dark shade (APP_BRAND_COLOR_DARK)
 *   --mobile-on-brand       text/icon color for content on --mobile-primary (APP_BRAND_TEXT_COLOR)
 *   --mobile-accent         WhatsApp green — not brand-driven, leave alone
 *   --mobile-text-dark / --mobile-text-muted / --mobile-card-bg / --mobile-bg / --mobile-border
 *
 * ...and on every /admin/* + /wa_management/* page
 * (templates/admin/base.html.twig):
 *   --green-dk / --blue     brand color (both, historically two names for the same value)
 *   --on-brand              text/icon color for content on --blue / --green-dk
 *   --green                 WhatsApp green — not brand-driven, leave alone
 *
 * ...and on the login/auth pages (security/*, registration/*, error pages):
 *   --auth-primary / --auth-on-brand
 *
 * Pages are scoped via <body class="page-{{ app.current_route }}">, set in
 * templates/app/base.html.twig — e.g. the dashboard route (app_dashboard)
 * gives <body class="page-app_dashboard">.
 */