/* AXIOMBYTE SMS requested global theme.
   Loaded last so page-level styles still inherit one consistent palette. */
:root {
  --brand: #002B4C;
  --brand-dark: #001D33;
  --brand-soft: rgba(0, 43, 76, .12);
  --accent: #002B4C;
  --green: #002B4C;
  --green-soft: rgba(0, 43, 76, .12);
  --bg: #C0EBFF;
  --surface: #C0EBFF;
  --surface-2: rgba(255, 255, 255, .45);
  --border: #002B4C;
  --text: #002B4C;
  --text-soft: #002B4C;
  --text-faint: rgba(0, 43, 76, .72);
}

html,
body,
body.portal-shell,
body.footer-shell,
body.login-page,
body.public-page,
main,
section,
html body .main,
html body .content,
html body .page-shell,
html body .docs-layout,
html body .login-shell,
html body .download-panel,
html body .download-space {
  background: #C0EBFF !important;
  color: #002B4C !important;
}

html body,
html body * {
  color: #002B4C;
}

html body .sidebar,
html body .mobile-sidebar,
html body .sidebar#sidebar,
html body .admin-sidebar,
html body .side-nav {
  background: #F59E71 !important;
  border-color: #002B4C !important;
  color: #002B4C !important;
}

html body .sidebar *,
html body .mobile-sidebar *,
html body .admin-sidebar *,
html body .side-nav *,
html body .nav__title,
html body .nav__items a,
html body .nav__items a i,
html body .sidebar__brand,
html body .sidebar__brand small,
html body .sidebar-brand span:last-child,
html body .mobile-navigation a,
html body .sidebar-nav a {
  color: #002B4C !important;
}

html body .nav__items a:hover,
html body .nav__items a.active,
html body .nav__title:hover,
html body .mobile-navigation a:hover,
html body .sidebar-nav a:hover {
  background: rgba(192, 235, 255, .65) !important;
  color: #002B4C !important;
}

html body .sidebar__brand .logo,
html body .site-header .brand .mark,
html body .sidebar-brand .mark,
html body .mobile-brand .mark,
html body .avatar,
html body .ph-ico,
html body .page-head .ph-ico {
  background: #002B4C !important;
  color: #C0EBFF !important;
}

html body button,
html body .btn,
html body .btn.btn-primary,
html body .btn.btn-success,
html body .btn.btn-danger,
html body .btn.btn-warning,
html body .btn-mini,
html body .btn-mini.is-active,
html body .legacy-btn,
html body .legacy-action,
html body .footer-btn,
html body .footer-action,
html body .action-btn,
html body .action-btn.view-btn,
html body .action-btn.edit-btn,
html body .action-btn.print-btn,
html body .action-btn.delete-btn,
html body .qa-action-btn,
html body .qa-save,
html body .cass-blue-btn,
html body .upload-btn,
html body .filter-btn,
html body .btn-refresh,
html body .btn-update,
html body .template-link,
html body .signup-btn,
html body input[type="submit"],
html body input[type="button"],
html body input[type="reset"],
html body a.btn {
  background: #002B4C !important;
  border-color: #002B4C !important;
  color: #C0EBFF !important;
}

html body button:not(.sidebar-close):not(.mobile-close-button):not(.modal__close) *,
html body .btn *,
html body .btn-mini *,
html body .legacy-btn *,
html body .legacy-action *,
html body .footer-btn *,
html body .footer-action *,
html body .action-btn *,
html body .qa-action-btn *,
html body .qa-save *,
html body .cass-blue-btn *,
html body .upload-btn *,
html body .filter-btn *,
html body .btn-refresh *,
html body .btn-update *,
html body .template-link *,
html body .signup-btn * {
  color: #C0EBFF !important;
}

html body .sidebar-close,
html body .mobile-close-button,
html body .modal__close {
  background: transparent !important;
  border-color: transparent !important;
  color: #002B4C !important;
}

html body .card,
html body .panel,
html body .modal,
html body .modal__box,
html body .legacy-panel,
html body .records-card,
html body .manage-card,
html body .profile-card,
html body .users-card,
html body .score-panel,
html body .clearance-card,
html body .archive-card,
html body .student-clearance-summary,
html body .clearance-form-tile,
html body .staff-profile-card,
html body .quick,
html body .tile,
html body .stat,
html body .mini,
html body .profile-tile,
html body .profile-mini,
html body .topbar,
html body .site-header,
html body .usermenu__btn,
html body .usermenu__list,
html body .input,
html body .select,
html body .textarea,
html body input,
html body select,
html body textarea,
html body .search,
html body .dropzone,
html body .photo-box,
html body .table-wrap,
html body .student-table-wrapper,
html body .users-table-wrap,
html body .legacy-table-wrap,
html body .records-table-shell,
html body .records-table-wrap,
html body .score-table-wrap,
html body .super-table-wrap,
html body .clearance-table-wrap,
html body .archive-table-wrap,
html body table,
html body .tbl,
html body th,
html body td {
  border-color: #002B4C !important;
}

html body .card,
html body .panel,
html body .modal,
html body .legacy-panel,
html body .topbar,
html body .site-header,
html body .usermenu__list,
html body input,
html body select,
html body textarea,
html body .input,
html body .select,
html body .textarea,
html body .search {
  background-color: rgba(255, 255, 255, .42) !important;
}

html body table,
html body .tbl,
html body .student-table,
html body .users-table,
html body .legacy-table,
html body .records-table,
html body .score-table,
html body .super-table,
html body .clearance-table,
html body .archive-table {
  background: rgba(255, 255, 255, .38) !important;
  color: #002B4C !important;
}

html body table th,
html body table td,
html body .tbl th,
html body .tbl td,
html body .student-table th,
html body .student-table td,
html body .users-table th,
html body .users-table td,
html body .legacy-table th,
html body .legacy-table td,
html body .records-table th,
html body .records-table td,
html body .score-table th,
html body .score-table td,
html body .super-table th,
html body .super-table td,
html body .clearance-table th,
html body .clearance-table td,
html body .archive-table th,
html body .archive-table td {
  border-color: #002B4C !important;
  color: #002B4C !important;
}

html body table thead th,
html body table thead td,
html body .tbl thead th,
html body .tbl thead td,
html body .student-table thead th,
html body .student-table thead td,
html body .users-table thead th,
html body .users-table thead td,
html body .legacy-table thead th,
html body .legacy-table thead td,
html body .records-table thead th,
html body .records-table thead td,
html body .score-table thead th,
html body .score-table thead td,
html body .super-table thead th,
html body .super-table thead td,
html body .clearance-table thead th,
html body .clearance-table thead td,
html body .archive-table thead th,
html body .archive-table thead td,
html body .card__head,
html body .modal__head,
html body .panel__head {
  background: rgba(245, 158, 113, .55) !important;
  color: #002B4C !important;
  border-color: #002B4C !important;
}

html body .qa-card,
html body .qa-filter,
html body .qa-table-shell,
html body .qa-table th,
html body .qa-table td,
html body .qa-total,
html body .qa-modal,
html body .qa-modal-head,
html body .qa-textarea,
html body .qa-modal-actions,
html body .records-filter,
html body .records-table-shell,
html body .records-table-wrap,
html body .records-toolbar,
html body .records-total,
html body .transcript-record-table,
html body .transcript-record-table th,
html body .transcript-record-table td,
html body .transcript-record-table .course-title,
html body .transcript-record-table thead th.semester-gap,
html body .clearance-form-tile,
html body .clearance-form-table th,
html body .clearance-form-table td {
  border-color: #002B4C !important;
}

html body .qa-table th,
html body .records-table th,
html body .transcript-record-table th,
html body .transcript-record-table .course-title,
html body .clearance-form-table th {
  background: rgba(245, 158, 113, .55) !important;
  color: #002B4C !important;
}

html body .qa-card,
html body .qa-filter,
html body .qa-table-shell,
html body .qa-table td,
html body .qa-modal,
html body .qa-modal-actions,
html body .records-filter,
html body .records-table-shell,
html body .records-table-wrap,
html body .transcript-record-table td,
html body .transcript-record-table thead th.semester-gap {
  background: rgba(255, 255, 255, .42) !important;
  color: #002B4C !important;
}

html body .staff-section .card__head i,
html body .qa-filter label,
html body .qa-total,
html body .qa-total span,
html body .qa-modal-head,
html body .qa-modal-section h3,
html body .qa-modal-section ul,
html body .qa-assessment-label,
html body .transcript-record-table * {
  color: #002B4C !important;
}

/* Landing page palette */
html body.landing-page {
  --primary: #002B4C;
  --primary-dark: #001D33;
  --secondary: #002B4C;
  --secondary-dark: #001D33;
  --heading: #002B4C;
  --text: #002B4C;
  --border: #002B4C;
  --surface: #C0EBFF;
  --background: #C0EBFF;
  background: #C0EBFF !important;
  color: #002B4C !important;
}

html body.landing-page main,
html body.landing-page .hero-section {
  background: #C0EBFF !important;
  color: #002B4C !important;
}

html body.landing-page .main-header,
html body.landing-page .dashboard-window,
html body.landing-page .dashboard-topbar,
html body.landing-page .dashboard-content,
html body.landing-page .dashboard-main,
html body.landing-page .statistic-card,
html body.landing-page .analytics-card,
html body.landing-page .activity-card,
html body.landing-page .floating-card,
html body.landing-page .hero-module-strip,
html body.landing-page .hero-badge,
html body.landing-page .mobile-login,
html body.landing-page .mobile-close-button {
  background: rgba(255, 255, 255, .42) !important;
  border-color: #002B4C !important;
  color: #002B4C !important;
}

html body.landing-page .mobile-sidebar {
  background: #F59E71 !important;
  border-color: #002B4C !important;
  color: #002B4C !important;
}

html body.landing-page .mobile-overlay {
  background: rgba(0, 43, 76, .42) !important;
}

html body.landing-page .brand-icon,
html body.landing-page .mini-logo,
html body.landing-page .footer-brand .mark,
html body.landing-page .mobile-menu-button,
html body.landing-page .play-button,
html body.landing-page .trust-icon,
html body.landing-page .floating-card > span,
html body.landing-page .stat-icon,
html body.landing-page .dashboard-sidebar,
html body.landing-page .badge-dot,
html body.landing-page .activity-dot {
  background: #002B4C !important;
  border-color: #002B4C !important;
  color: #C0EBFF !important;
}

html body.landing-page .brand-icon svg,
html body.landing-page .mini-logo svg,
html body.landing-page .footer-brand .mark i,
html body.landing-page .play-button svg,
html body.landing-page .trust-icon svg,
html body.landing-page .floating-card svg,
html body.landing-page .stat-icon svg {
  fill: #C0EBFF !important;
  stroke: #C0EBFF !important;
  color: #C0EBFF !important;
}

html body.landing-page .mobile-menu-button::before,
html body.landing-page .mobile-menu-button::after,
html body.landing-page .mobile-menu-button span,
html body.landing-page .sidebar-line,
html body.landing-page .sidebar-line.active {
  background: #C0EBFF !important;
  border-color: #C0EBFF !important;
}

html body.landing-page .nav-signup,
html body.landing-page .primary-hero-button,
html body.landing-page .secondary-hero-button,
html body.landing-page .mobile-signup {
  background: #002B4C !important;
  border: 1px solid #002B4C !important;
  color: #C0EBFF !important;
}

html body.landing-page .nav-signup *,
html body.landing-page .primary-hero-button *,
html body.landing-page .secondary-hero-button *,
html body.landing-page .mobile-signup * {
  color: #C0EBFF !important;
  stroke: #C0EBFF !important;
}

html body.landing-page .hero-content h1,
html body.landing-page .hero-content h1 span,
html body.landing-page .hero-description,
html body.landing-page .brand-text strong,
html body.landing-page .brand-text small,
html body.landing-page .mobile-brand strong,
html body.landing-page .mobile-brand small,
html body.landing-page .desktop-menu a,
html body.landing-page .login-link,
html body.landing-page .mobile-navigation a,
html body.landing-page .quick-access-label,
html body.landing-page .quick-access a,
html body.landing-page .trust-item,
html body.landing-page .dashboard-title strong,
html body.landing-page .dashboard-title small,
html body.landing-page .statistic-card small,
html body.landing-page .statistic-card strong,
html body.landing-page .statistic-card em,
html body.landing-page .card-heading strong,
html body.landing-page .card-heading small,
html body.landing-page .card-heading > span,
html body.landing-page .activity-item strong,
html body.landing-page .activity-item small,
html body.landing-page .floating-card strong,
html body.landing-page .floating-card small,
html body.landing-page .hero-module-strip > span,
html body.landing-page .module-list span {
  color: #002B4C !important;
}

html body.landing-page .hero-content h1 span {
  background: none !important;
  -webkit-text-fill-color: #002B4C !important;
}

html body.landing-page .shape-one,
html body.landing-page .shape-two,
html body.landing-page .dashboard-window,
html body.landing-page .dashboard-topbar,
html body.landing-page .statistic-card,
html body.landing-page .analytics-card,
html body.landing-page .activity-card,
html body.landing-page .floating-card,
html body.landing-page .hero-module-strip,
html body.landing-page .hero-trust,
html body.landing-page .quick-access a + a,
html body.landing-page .mobile-sidebar-header,
html body.landing-page .mobile-access-buttons,
html body.landing-page .chart-area,
html body.landing-page .activity-item {
  border-color: #002B4C !important;
}

html body.landing-page .chart-area {
  background-image: linear-gradient(rgba(0, 43, 76, .22) 1px, transparent 1px) !important;
}

html body.landing-page .chart-area span {
  background: #002B4C !important;
}

html body.landing-page .landing-footer {
  background: #C0EBFF !important;
  border-top: 1px solid #002B4C !important;
  color: #002B4C !important;
}

html body.landing-page .footer-brand,
html body.landing-page .footer-grid p,
html body.landing-page .footer-col h3,
html body.landing-page .footer-col a,
html body.landing-page .footer-bottom {
  color: #002B4C !important;
}

html body.landing-page .footer-bottom {
  border-top-color: #002B4C !important;
}

/* Keep iconography consistent across every portal and public page. */
html body i,
html body i::before,
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fa-solid,
html body .fa-regular,
html body .fa-brands,
html body svg.svg-inline--fa,
html body svg.lucide,
html body svg[class*="icon"] {
  color: #C0EBFF !important;
  stroke: currentColor;
}