/*
 * Customer branding - colours (ETC colour scheme, taken from navigation-main)
 * ===========================================================================
 * Everything customer-specific lives in this folder (branding.css, branding.js,
 * logo-header.svg, logo-login.svg, favicon.svg). See README.md for the checklist.
 */
:root {
  /* Header bar: ETC blue */
  --color-topbar:          #072B7B;
  --color-topbar-hover:    #0A3A9E;

  /* Accent: buttons, active states, toggles, links, focus rings (indigo) */
  --color-primary:         #4F46E5;
  --color-primary-hover:   #4338CA;
  --color-primary-light:   #EEF2FF;
  --color-primary-rgb:     79, 70, 229;   /* same as --color-primary, for shadows/focus rings */

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

  /* Dark mode */
  --brand-dark-accent:         #a5b4fc;
  --brand-dark-accent-strong:  #818cf8;
  --brand-dark-surface:        #1e1b4b;
  --brand-dark-surface-2:      #2b2870;
}