@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-family: 'Inter', sans-serif;
  --border-radius: 6px;

  /* Primary — confirmed live on myportal.mubs.ac.ug */
  --brand-blue-primary: #225aea;
  --brand-blue-depressed: #1448cb;
  --brand-blue-dark: #000e58;
  --brand-blue-light: #f2f6ff;
  --brand-teal-accent: #227093;

  /* Accent — from the official MUBS crest */
  --brand-gold: #f6b60e;
  --brand-red: #d71313;

  /* Neutrals */
  --neutral-white: #ffffff;
  --neutral-100: #f2f3f8;
  --neutral-500: #707ba0;
  --neutral-800: #151e3a;
  --neutral-900: #030625;

  --brand-surface: var(--neutral-white);
  --brand-surface-muted: var(--brand-blue-light);
  --brand-border: color-mix(in srgb, var(--brand-blue-primary) 14%, var(--neutral-white));
  --brand-shadow: color-mix(in srgb, var(--brand-blue-dark) 16%, transparent);

  --bs-primary: var(--brand-blue-primary);
  --bs-link-color: var(--brand-blue-primary);
  --bs-link-hover-color: var(--brand-blue-depressed);
  --bs-font-sans-serif: var(--font-family);
}

html.dark-style {
  --brand-blue-primary: #5f8cff;
  --brand-blue-depressed: #3f72e8;
  --brand-blue-dark: #050b32;
  --brand-blue-light: #151f46;
  --brand-teal-accent: #43b7ca;

  --brand-gold: #f8c64f;
  --brand-red: #ff5a62;

  --neutral-white: #ffffff;
  --neutral-100: #20263a;
  --neutral-500: #a9b3d2;
  --neutral-800: #e3e8fb;
  --neutral-900: #f7f9ff;

  --brand-surface: #2f3349;
  --brand-surface-muted: #25293c;
  --brand-border: color-mix(in srgb, var(--brand-blue-primary) 24%, var(--brand-surface));
  --brand-shadow: color-mix(in srgb, var(--neutral-900) 12%, transparent);

  --bs-primary: var(--brand-blue-primary);
  --bs-link-color: var(--brand-blue-primary);
  --bs-link-hover-color: var(--brand-blue-depressed);
  --bs-font-sans-serif: var(--font-family);
}

html,
body {
  font-family: var(--font-family);
}