/* =====================================
   MSR Digital Access – Design Tokens
   Single source of truth
   ===================================== */

:root {
  /*  Core Brand Colours
========================= */
  --color-primary: #370556;     /* Deep purple */
  --color-secondary: #0a518b;   /* Inclusive sky blue */
  --color-accent1: #C7210F;     /* Coral / warm pink */
  --color-accent2: #FFCA28;     /* Sunny yellow */
  --color-accent3: #028578;     /* Fresh teal */

  /* Focus & Accessibility
========================= */
  --focus-color: #730b5e;
  --focus-width: 3px;           /* WCAG ≥ 2px */
  --focus-offset: 3px;
  --focus-radius: 10px;

  /* Neutrals & Surfaces
 ========================= */
  --color-bg: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-text: #212121;
  --color-muted: #555555;

  /*Layout & Effects
 ========================= */
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,0.08);
  --shadow-sm: 0 4px 16px rgba(0,0,0,0.08);

  --container: 1200px;
}