/*
 * ACMS School theme tokens.
 * Change this file to rebrand a school. Components consume these variables,
 * so one palette update recolours the public theme and Bootstrap controls.
 */
:root {
  --school-primary: #173f5f;
  --school-primary-rgb: 23, 63, 95;
  --school-primary-dark: #0d2b43;
  --school-secondary: #237b78;
  --school-secondary-rgb: 35, 123, 120;
  --school-accent: #f2b544;
  --school-accent-rgb: 242, 181, 68;
  --school-ink: #17212b;
  --school-muted: #5f6b76;
  --school-surface: #f5f7f8;
  --school-surface-warm: #fff9ee;
  --school-border: #dce3e8;
  --school-white: #ffffff;
  --school-radius-sm: .65rem;
  --school-radius: 1rem;
  --school-radius-lg: 1.5rem;
  --school-shadow-sm: 0 8px 24px rgba(13, 43, 67, .08);
  --school-shadow: 0 18px 48px rgba(13, 43, 67, .13);
  --school-shell: 1320px;

  --bs-blue: var(--school-primary);
  --bs-primary: var(--school-primary);
  --bs-primary-rgb: var(--school-primary-rgb);
  --bs-secondary: var(--school-secondary);
  --bs-secondary-rgb: var(--school-secondary-rgb);
  --bs-warning: var(--school-accent);
  --bs-warning-rgb: var(--school-accent-rgb);
  --bs-dark: var(--school-ink);
  --bs-light: var(--school-surface);
  --bs-white: #fff;
  --bs-body-color: var(--school-ink);
  --bs-body-bg: #fff;
  --bs-body-font-family: Montserrat, "Segoe UI", Arial, sans-serif;
  --bs-link-color: var(--school-primary);
  --bs-link-hover-color: var(--school-secondary);
  --bs-border-radius: var(--school-radius-sm);
  --bs-border-radius-lg: var(--school-radius);
}

/* Bootstrap's compiled component variables are bridged back to the theme. */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--school-primary);
  --bs-btn-border-color: var(--school-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--school-primary-dark);
  --bs-btn-hover-border-color: var(--school-primary-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--school-primary-dark);
  --bs-btn-active-border-color: var(--school-primary-dark);
}
.btn-outline-primary {
  --bs-btn-color: var(--school-primary);
  --bs-btn-border-color: var(--school-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--school-primary);
  --bs-btn-hover-border-color: var(--school-primary);
  --bs-btn-active-bg: var(--school-primary-dark);
  --bs-btn-active-border-color: var(--school-primary-dark);
}
.bg-primary { background-color: rgba(var(--school-primary-rgb), var(--bs-bg-opacity, 1)) !important; }
.bg-secondary { background-color: rgba(var(--school-secondary-rgb), var(--bs-bg-opacity, 1)) !important; }
.text-primary { color: rgba(var(--school-primary-rgb), var(--bs-text-opacity, 1)) !important; }
.text-secondary { color: rgba(var(--school-secondary-rgb), var(--bs-text-opacity, 1)) !important; }
.border-primary { border-color: rgba(var(--school-primary-rgb), var(--bs-border-opacity, 1)) !important; }
.form-check-input:checked { background-color: var(--school-primary); border-color: var(--school-primary); }
.form-check-input:focus, .form-control:focus, .form-select:focus { border-color: var(--school-secondary); box-shadow: 0 0 0 .25rem rgba(var(--school-secondary-rgb), .2); }