/* Card styling */
.card {
  border-radius: 10px;
  transition: all 0.3s;
}

/* Form control styling */
.form-control {
  border-radius: 5px;
  border: 1px solid #ced4da;
  padding: 0.75rem 1rem;
}

.form-control:focus {
  border-color: var(--helpbox-blue-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--helpbox-blue-primary-rgb), 0.25);
}

/* Button styling */
.btn-primary {
  background-color: var(--helpbox-blue-primary);
  border-color: var(--helpbox-blue-primary);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: var(--helpbox-blue-primary-40);
  border-color: var(--helpbox-blue-primary-40);
}

.btn-outline-primary {
  color: var(--helpbox-blue-primary);
  border-color: var(--helpbox-blue-primary);
}

.btn-outline-primary:hover {
  background-color: var(--helpbox-blue-primary);
  border-color: var(--helpbox-blue-primary);
}

/* Password requirements styling */
.password-requirements {
  background-color: #f8f9fa;
  border-left: 3px solid var(--helpbox-blue-secondary);
}

.requirement-check.fa-check-circle {
  color: var(--helpbox-green-primary);
}

.btn-toggle-password { 
  cursor: pointer;
}

.btn-toggle-password:focus {
  box-shadow: none;
}

/* Animation for transitions */
.fade-in {
  animation: fadeIn ease 0.5s;
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* HELPBOX BRAND COLORS - BOOTSTRAP 5.3 ROOT VARIABLES */
:root {
  /* Primary Brand Colors */
  --bs-primary: #336699; /* Pantone 301 C/U - Main Blue */
  --bs-primary-rgb: 51, 102, 153;
  
  --bs-secondary: #9BCF63; /* Pantone 375 C/U - Main Green */
  --bs-secondary-rgb: 155, 207, 99;
  
  /* Additional Brand Colors */
  --bs-info: #6699CC; /* CMYK 40,20,0,7 - Light Blue */
  --bs-info-rgb: 102, 153, 204;
  
  --bs-success: #B3D98C; /* CMYK 20,0,40,0 - Light Green */
  --bs-success-rgb: 179, 217, 140;
  
  /* Supporting Colors */
  --bs-warning: #F4D03F; /* Can be used for accents */
  --bs-warning-rgb: 244, 208, 63;
  
  --bs-danger: #E74C3C; /* Can be used for errors */
  --bs-danger-rgb: 231, 76, 60;
  
  /* Neutral Colors */
  --bs-light: #F8F9FA;
  --bs-light-rgb: 248, 249, 250;
  
  --bs-dark: #212529;
  --bs-dark-rgb: 33, 37, 41;
  
  /* Brand Color Variations */
  --bs-primary-text-emphasis: #1A334D; /* Darker blue for text */
  --bs-primary-bg-subtle: #E6F0FF; /* Light blue background */
  --bs-primary-border-subtle: #B3D1FF; /* Light blue border */
  
  --bs-secondary-text-emphasis: #4A6B2F; /* Darker green for text */
  --bs-secondary-bg-subtle: #F0F8E6; /* Light green background */
  --bs-secondary-border-subtle: #D4E8B3; /* Light green border */
}

/* HELPBOX BRAND COLORS - BOOTSTRAP 4.6.1 ROOT VARIABLES */
:root {
  /* Primary Brand Colors */
  --primary: #336699; /* Pantone 301 C/U - Main Blue */
  --secondary: #9BCF63; /* Pantone 375 C/U - Main Green */
  --info: #6699CC; /* CMYK 40,20,0,7 - Light Blue */
  --success: #B3D98C; /* CMYK 20,0,40,0 - Light Green */
  
  /* Supporting Colors */
  --warning: #F4D03F;
  --danger: #E74C3C;
  --light: #F8F9FA;
  --dark: #212529;
  
  /* Color variations for Bootstrap 4.6.1 compatibility */
  --blue: #336699;
  --green: #9BCF63;
  --cyan: #6699CC;
  --yellow: #F4D03F;
  --red: #E74C3C;
  --gray: #6C757D;
  --gray-dark: #343A40;
}

/* ADDITIONAL CUSTOM HELPBOX COLORS */
:root {
  /* Direct brand colors from specifications */
  --helpbox-blue-primary: #336699; /* Pantone 301 C/U */
  --helpbox-blue-primary-40: #5284B3; /* 40% tint */
  --helpbox-blue-secondary: #6699CC; /* CMYK variant */
  --helpbox-blue-light: #A6C5E8; /* Light blue */
  
  --helpbox-green-primary: #9BCF63; /* Pantone 375 C/U */
  --helpbox-green-primary-50: #CDDFA1; /* 50% tint */
  --helpbox-green-secondary: #B3D98C; /* CMYK variant */
  --helpbox-green-light: #D4E8B3; /* Light green */
  
  /* RGB equivalents for transparency usage */
  --helpbox-blue-primary-rgb: 51, 102, 153;
  --helpbox-green-primary-rgb: 155, 207, 99;
  --helpbox-blue-secondary-rgb: 102, 153, 204;
  --helpbox-green-secondary-rgb: 179, 217, 140;
}

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trebuchet+MS:wght@400;700&display=swap');

/* Bootstrap 5.3 & 4.6.1 Font Overrides */

/* Primary font family override - Ubuntu */
:root {
  --bs-font-sans-serif: 'Ubuntu', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: 'Ubuntu Mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Base body font */
body {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Typography classes */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Display headings */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Lead text */
.lead {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Button font */
.btn {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Form controls */
.form-control, .form-select, .form-check-label, .form-label {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Navigation */
.navbar-brand, .nav-link, .navbar-nav .nav-link {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Cards */
.card-title, .card-text, .card-header, .card-footer {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Alerts */
.alert {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Badges */
.badge {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Breadcrumbs */
.breadcrumb {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Pagination */
.pagination .page-link {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Tables */
.table {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Dropdowns */
.dropdown-menu, .dropdown-item {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Modals */
.modal-title, .modal-body, .modal-footer {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Tooltips and Popovers */
.tooltip, .popover {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Alternative font class for Trebuchet MS */
.font-trebuchet {
  font-family: 'Trebuchet MS', Arial, sans-serif !important;
}

/* Specific weight classes for Ubuntu */
.font-ubuntu-light {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 300 !important;
}

.font-ubuntu-regular {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.font-ubuntu-medium {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500 !important;
}

.font-ubuntu-bold {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Compatibility for Bootstrap 4.6.1 */
.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

/* Text utilities with font override */
.text-muted, .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info, .text-light, .text-dark {
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}