/*
 * Customer branding — colours
 * ===========================
 * Everything customer-specific lives in this folder (branding.css, branding.js,
 * logo-header.png, logo-login.png, favicon.ico). See README.md for the checklist.
 */
:root {
  /* Header bar */
  --color-topbar:          #E20000;
  --color-topbar-hover:    #B80000;

  /* Accent: buttons, active states, toggles, links, focus rings */
  --color-primary:         #475569;
  --color-primary-hover:   #334155;
  --color-primary-light:   #F1F5F9;
  --color-primary-rgb:     71, 85, 105;   /* same as --color-primary, for shadows/focus rings */

  /* Page background gradient (light mode) */
  --brand-bg-mid:          #F1F5F9;
  --brand-bg-end:          #E2E8F0;

  /* Dark mode */
  --brand-dark-accent:         #cbd5e1;
  --brand-dark-accent-strong:  #94a3b8;
  --brand-dark-surface:        #1e293b;
  --brand-dark-surface-2:      #334155;
}