/*
 * Custom UI override stylesheet.
 *
 * Loaded on every page. The bundled global styles live in `@layer base` while
 * this file is unlayered, so anything declared here wins the cascade at equal
 * specificity (unlayered styles beat layered ones). Ships as a no-op; replace this
 * file (and drop companion artifacts — logos, fonts, images — next to it in
 * /custom/) to re-theme a campaign without touching application code.
 *
 * In production this whole directory can be bind-mounted over
 * /srv/app/dist/client/custom, and CUSTOM_UI_VERSION bumped to bust browser
 * caches. See docs/THEMING.md.
 *
 * Design tokens available for override (defaults in src/styles/global.css):
 *
 * Palette: BHPetrol orange (primary) + white, black, silver. Two orange shades
 * because one mid-luminance orange can't be AA-legible both as a fill and as
 * small text on white; red/green are kept only as functional status colours.
 *
 *   :root {
 *     --brand:       #f26522;   BHPetrol orange — header, buttons, accents
 *     --brand-dark:  #c24e12;   deep orange — orange text on white (links, titles)
 *     --accent:      #f26522;   orange for accent bars, focus rings, progress
 *     --accent-dark: #d95c1a;   button hover
 *     --on-brand:    #111111;   black text on orange fills
 *     --bg:          #f4f4f5;   light silver page background
 *     --card:        #ffffff;   white card background
 *     --text:        #1a1a1a;   near-black body text
 *     --muted:       #6b6b73;   silver-grey secondary text
 *     --border:      #d4d4d9;   silver borders
 *     --danger:      #c62828;   functional: errors / required markers
 *     --success:     #1b7f3b;   functional: success states
 *     --radius:      12px;      card corner radius
 *   }
 *
 * The base BHPetrol logo ships at /brand/logo.png (white variant:
 * /brand/logo-white.png). To swap it for a campaign logo, drop your file in
 * /custom/ and point the header <img> at it:
 *
 *   header.site .logo img { content: url('/custom/campaign-logo.png'); }
 *
 * Example — self-hosted font artifact:
 *
 *   @font-face { font-family: 'Brand'; src: url('/custom/fonts/brand.woff2') format('woff2'); }
 *   :root { font-family: 'Brand', system-ui, sans-serif; }
 */