/**
 * AllOfBD Design Tokens & Ecosystem Base CSS
 */
:root {
  --allofbd-primary: #2563eb;
  --allofbd-primary-dark: #1d4ed8;
  --allofbd-primary-light: #eff6ff;
  --allofbd-sky: #41a6df;
  --allofbd-dark: #0f172a;
  --allofbd-surface: #ffffff;
  --allofbd-bg: #f8fafc;
  --allofbd-border: #e2e8f0;
  --allofbd-text: #334155;
  --allofbd-heading: #0f172a;
  --allofbd-muted: #64748b;
  --allofbd-success: #059669;
  --allofbd-warning: #d97706;
  --allofbd-danger: #dc2626;
  --allofbd-radius-sm: 6px;
  --allofbd-radius-md: 10px;
  --allofbd-radius-lg: 16px;
  --allofbd-radius-pill: 9999px;
  --allofbd-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --allofbd-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --allofbd-shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, 0.12);
}

/* Accessibility Focus States */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--allofbd-primary) !important;
  outline-offset: 2px !important;
}

/* Screen Reader Utility */
.allofbd-sr-only, .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Global Responsive Containment */
@media (max-width: 1024px) {
  html, body, .lp-grid-box-contianer, .content-grid, .page-container, body.search, .site-content, .elementor-section-wrap {
    overflow-x: hidden !important;
    overflow-x: clip !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}