:root {
  /* ── Campus design tokens ── */
  --primary:        #4A90E2;
  --primary-dark:   #357ABD;
  --secondary:      #6C757D;
  --success:        #28A745;
  --danger:         #DC3545;
  --warning:        #FFC107;
  --info:           #17A2B8;
  --background:     #F8F9FA;
  --surface:        #FFFFFF;
  --border:         #DEE2E6;
  --text-primary:   #212529;
  --text-secondary: #6C757D;
  --text-muted:     #ADB5BD;
  --shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md:      0 4px 6px rgba(0, 0, 0, 0.1);
  --radius-sm:      4px;
  --radius-md:      8px;
  --radius-lg:      16px;
  --font-family:    'Inter', 'Segoe UI', sans-serif;
  --transition:     all 0.2s ease;

  /* ── Bootstrap 5 CSS variable overrides ── */
  --bs-primary:         #4A90E2;
  --bs-primary-rgb:     74, 144, 226;
  --bs-secondary-rgb:   108, 117, 125;
  --bs-success-rgb:     40, 167, 69;
  --bs-danger-rgb:      220, 53, 69;
  --bs-warning-rgb:     255, 193, 7;
  --bs-info-rgb:        23, 162, 184;
  --bs-body-bg:         #F8F9FA;
  --bs-body-color:      #212529;
  --bs-body-font-family: 'Inter', 'Segoe UI', sans-serif;
  --bs-border-color:    #DEE2E6;
  --bs-border-radius:   4px;
  --bs-border-radius-lg: 8px;
  --bs-link-color:      #4A90E2;
  --bs-link-hover-color: #357ABD;
}