/* ==========================================
   ACCESSIBILITY.CSS - WCAG 2.1 AAA Styling
   ========================================== */

/* --- OpenDyslexic Font Integration (bundled locally for offline PWA support) --- */
@font-face {
    font-family: 'OpenDyslexic';
    src: url('../assets/fonts/open-dyslexic-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body[data-font="dyslexic"] {
    --font-heading: 'OpenDyslexic', sans-serif !important;
    --font-body: 'OpenDyslexic', sans-serif !important;
    letter-spacing: 0.35px;
    word-spacing: 2px;
}

body[data-font="dyslexic"] .poem-line {
    font-size: 1.15rem;
    line-height: 2.4;
}

/* --- High Contrast Dark / Solarized Theme --- */
body[data-theme="high-contrast"] {
    --bg-main: #000000 !important;
    --bg-surface: #0a0a0a !important;
    --bg-header: #000000 !important;
    --bg-nav: #000000 !important;
    --bg-card: #0a0a0a !important;
    --bg-hover: #1e1e1e !important;
    
    --text-primary: #ffff00 !important;   /* High Contrast Yellow Text */
    --text-muted: #ffffff !important;     /* Bright White Muted Text */
    --text-on-dark: #ffff00 !important;
    
    --color-primary: #00ffff !important;  /* High Contrast Cyan */
    --color-secondary: #00ffff !important;
    --color-accent: #ffff00 !important;
    
    --border-color: #ffffff !important;
    
    --hl-octave: #1e3a8a !important;
    --hl-sestet: #78350f !important;
    --hl-volta: #831843 !important;
    --hl-allusion: #312e81 !important;
    --hl-personification: #14532d !important;
    
    --reading-active-bg: #333300 !important;
    --reading-active-border: #ffff00 !important;
}

body[data-theme="high-contrast"] .card,
body[data-theme="high-contrast"] .app-header,
body[data-theme="high-contrast"] .panchadi-nav,
body[data-theme="high-contrast"] .btn,
body[data-theme="high-contrast"] .quiz-option-btn {
    border: 2px solid #ffffff !important;
}

body[data-theme="high-contrast"] .nav-tabs button[aria-selected="true"] {
    color: #ffff00 !important;
    border-bottom: 4px solid #ffff00 !important;
    background: #1e1e1e !important;
}

/* --- Ultra Visible Focus Rings (Keyboard Navigation) --- */
:focus-visible {
    outline: 4px solid #f59e0b !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 2px #000000 !important;
}

body[data-theme="high-contrast"] :focus-visible {
    outline: 4px solid #00ffff !important;
    outline-offset: 4px !important;
}

/* --- Reduced Motion Accommodations --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}