/*
Theme Name: Digital Compliance Auditors
Theme URI: https://digitalcomplianceauditors.com
Author: Digital Compliance Auditors
Author URI: https://digitalcomplianceauditors.com
Description: Executive-grade, service-led WordPress theme for digital accessibility audits, automated WCAG scanning, ADA compliance, and engineering remediation. Built with a clean light corporate design system and strict WCAG 2.2 AA accessibility standards.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dca-theme
*/

/* Reset and Base Accessibility Tokens */
:root {
  --dca-bg: #f8fafc;
  --dca-surface: #ffffff;
  --dca-text-main: #0f172a;
  --dca-text-muted: #475569;
  --dca-border: #e2e8f0;
  --dca-brand: #059669;
  --dca-brand-dark: #064e3b;
  --dca-accent: #0284c7;
  --dca-focus-ring: #2563eb;
}

/* Accessible focus visible outlines */
*:focus-visible {
  outline: 3px solid var(--dca-focus-ring) !important;
  outline-offset: 2px !important;
}

/* Screen reader only utility class */
.sr-only {
  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-width: 0 !important;
}

.sr-only:focus,
.focus\:not-sr-only:focus {
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  z-index: 99999 !important;
  width: auto !important;
  height: auto !important;
  padding: 0.75rem 1.5rem !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  background-color: #0f172a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
}

/* Smooth subtle grid pattern */
.bg-grid-pattern {
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(15, 23, 42, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
}