:root {
  /* Brand (overrideable by BrandingService.applyColors) */
  --brand-primary:        #0f3763;
  --brand-secondary:      #1d75d8;
  --brand-primary-text:   #ffffff;
  --brand-secondary-text: #ffffff;

  /* Brand colors */
  --navy:  #0D2B4E;
  --blue:  #1A4B8C;
  --sky:   #2B7FD4;
  --acc:   #E8F4FD;
  --acc-text: var(--navy);  /* contrast text for --acc; updated by UserPrefsService */

  /* Status colors */
  --gr:    #15803d;
  --grn:   #15803d;  /* used in JS, alias for --gr */
  --lgr:   #dcfce7;
  --rd:    #b91c1c;
  --lrd:   #fee2e2;
  --or:    #c2410c;
  --lor:   #ffedd5;
  --pu:    #7c3aed;
  --lpu:   #ede9fe;
  --yl:    #a16207;
  --lyl:   #fef9c3;

  /* Neutral */
  --tx:    #0f172a;
  --mt:    #64748b;
  --br:    #e2e8f0;
  --bg:    #f8fafc;
  --wh:    #ffffff;

  /* Shadows */
  --sh:    0 1px 2px rgba(0,0,0,.06);
  --shm:   0 2px 8px rgba(13,43,78,.08);

  /* Radii */
  --r:     12px;
  --rs:    8px;
  --rx:    5px;

  /* Sidebar */
  --sidebar-w:      240px;
  --sidebar-w-xl:   260px;

  /* Typography */
  --font: 'Inter', system-ui, sans-serif;
}