/* ===================================================================== REFUND MODULE - shared UI theme (Fees Refund screens ONLY) --------------------------------------------------------------------- CANONICAL DESIGN for every Refund screen (Request / Approval / Refund Receipt Setup / Fees Refund). Reuse this file on all new Refund pages - do NOT restyle per page. SCOPING RULE: every selector is namespaced under `.refund-theme`, so it CANNOT affect any existing page / global CSS. Only a page whose root element has class="refund-theme" is styled. CENTRALIZED THEMING (single source of truth): Every colour lives in the token block below. Change ONE token and it cascades to all Refund components (buttons, headers, tables, badges, modals, grid...). No rule uses a hardcoded colour - all are var(). FUTURE "user selects a theme": override these same variable names for the user's choice - e.g. inject