:root {
  /* Palette */
  --white: #fff;
  --black: #000;
  --gray-100: #f5f5f5;
  --gray-200: #e9ecef;
  --gray-300: #ddd;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #868e96;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;

  --blue: #1a6faa;
  --darkblue: #030039;
  --pink: #ff737c;
  --red: #d9534f;
  --yellow: #fcee60;
  --orange: #ffae73;
  --gray: #666;
  --green: #178578;
  --green-200: #A8EAD3;
  --teal: #55e7cc;
  --cyan: #8ce6ff;

  /* Bootstrap 5.3 variables mapping */
  --bs-primary: var(--blue);
  --bs-secondary: var(--gray);
  --bs-success: var(--green);
  --bs-info: var(--cyan);
  --bs-warning: var(--yellow);
  --bs-danger: var(--red);
  --bs-light: var(--gray-100);
  --bs-dark: var(--gray-800);

  /* Optional additional theme aliases used in the app */
  --bs-blue: var(--blue);
  --bs-pink: var(--pink);
  --bs-orange: var(--orange);
  --bs-teal: var(--teal);
  --bs-cyan: var(--cyan);

  /* Body */
  --bs-body-bg: var(--white);
  --bs-body-color: var(--black);

  /* Fonts */
  --font-system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-base: 'Manrope', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-title: 'Manrope', Georgia, Times, 'New Roman', serif;

  --bs-body-font-size: 1rem;

  /* Spacers (only the first few commonly used) */
  --spacer: 1rem;
  --spacer-0: 0;
  --spacer-1: calc(var(--spacer) * .25);
  --spacer-2: calc(var(--spacer) * .5);
  --spacer-3: var(--spacer);
  --spacer-4: calc(var(--spacer) * 1.5);
  --spacer-5: calc(var(--spacer) * 3);

  /* Misc from SCSS */
  --text-muted: #999;
  --box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);

  /* Navbar & Dropdown (Bootstrap reads many of these via CSS vars) */
  --bs-navbar-brand-color: var(--black);
  --bs-navbar-brand-hover-color: var(--bs-primary);
  --bs-navbar-hover-color: var(--bs-primary);

  /* Table */
  --bs-table-border-color: rgba(0,0,0,.1);

  /* Form */
  --bs-border-color: rgba(0,0,0,.1);

  /* Tooltip */
  --bs-tooltip-font-size: 11px;

  /* Badge */
  --badge-font-weight: normal;
  --badge-padding-y: 0.6em;
  --badge-padding-x: 1.2em;

  /* Alert */
  --bs-alert-border-width: 0;

  /* Card */
  --bs-card-border-width: 0;

  /* Buttons */
  --btn-link-color: white;

  /* Custom app vars */
  --male-color: #508ED6;
  --female-color: #EA7ED2;
}