/*
 * 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 {
  --color-navy-900: #082b4c;
  --color-navy-800: #0b355c;
  --color-blue-600: #145b8f;
  --color-gold-500: #d5a62e;
  --color-gold-hover: #b98b16;
  --color-background: #f7f8fa;
  --color-surface: #ffffff;
  --color-text: #263746;
  --color-text-muted: #667686;
  --color-border: #dce5ec;
  --color-focus: #2d78b7;
  --acms-bg: var(--color-background);
  --acms-surface: var(--color-surface);
  --acms-text: var(--color-text);
  --acms-text-secondary: var(--color-text-muted);
  --acms-text-muted: #778694;
  --acms-primary: var(--color-navy-900);
  --acms-accent: var(--color-blue-600);
  --acms-sage: #eef4f8;
  --acms-sand: #f3f0e7;
  --acms-border: var(--color-border);
  --acms-focus: var(--color-focus);
  --acms-error: #b34436;
  --community-primary: #44267a;
  --community-primary-rgb: 68, 38, 122;
  --community-primary-dark: #2f1958;
  --community-secondary: #6b4bc3;
  --community-secondary-rgb: 107, 75, 195;
  --community-lavender: #a58bdb;
  --community-pale: #f4f0fb;
  --community-warm-white: #fcfbfe;
  --community-ink: #262331;
  --community-muted: #6f697b;
  --community-border: #e6dff1;
  --community-accent: #f2b35d;
  --school-primary: #102534;
  --school-primary-rgb: 16, 37, 52;
  --school-primary-dark: #0B1114;
  --school-secondary: #F28C18;
  --school-secondary-rgb: 242, 140, 24;
  --school-accent: #F28C18;
  --school-accent-rgb: 242, 140, 24;
  --school-ink: #102534;
  --school-muted: #66727A;
  --school-surface: #F4F3F0;
  --school-surface-warm: #FFF4E6;
  --school-border: #D8DEE2;
  --school-white: #ffffff;
  --school-radius-sm: .125rem;
  --school-radius: .25rem;
  --school-radius-lg: .25rem;
  --school-shadow-sm: 0 5px 18px rgba(11, 17, 20, .08);
  --school-shadow: 0 12px 32px rgba(11, 17, 20, .12);
  --school-shell: 1280px;

  --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: "Inter", "Open Sans", Arial, sans-serif;
  --bs-link-color: var(--school-primary);
  --bs-link-hover-color: #D96F0B;
  --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); }