/* Global styles */
:root {
  --primary-color: #007bff;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --text-color: #212529;
  --hover-bg: #e9ecef;
}

/* Typography */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
  color: var(--text-color);
}

/* Links */
a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* NOTE: Bootstrap-4-era redefinitions of .btn / .form-control / .table /
   .card / .card-body / .alert were removed here. They flattened Bootstrap 5
   radii and hardcoded light-only colors, fighting the SLAM design system
   (see core/static/css/slam/components.css). Bootstrap 5 + the SLAM token
   layer now own these primitives. The utilities below are kept because some
   templates still use the Bootstrap-4 utility names. */

/* Utilities */
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.mt-3 { margin-top: 1rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.ml-3 { margin-left: 1rem !important; }
.mr-3 { margin-right: 1rem !important; }

.p-3 { padding: 1rem !important; }

/* Responsive utilities */
@media (max-width: 768px) {
  .d-md-none { display: none !important; }
}

@media (max-width: 576px) {
  .d-sm-none { display: none !important; }
}