/* Azrak Website Styles - Modular Organization */

/* Theme and base styles */
@import './modules/theme.css';

/* Layout components */
@import './modules/background.css';
@import './modules/navigation.css';
@import './modules/layout.css';
@import './modules/cards.css';

/* Interactive elements */
@import './modules/forms.css';
@import './modules/animations.css';
@import './modules/theme-toggle.css';
@import './modules/icons.css';

/* Widget styles */
@import './modules/widgets.css';
@import './modules/frappe-auth.css';

/* Utility classes */
@import './modules/utilities.css';

/* Additional utility classes */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Accessibility - Skip to main content link */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--accent-color);
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 0 0 4px 0;
    z-index: 100;
    font-weight: 600;
    transition: top 0.2s ease;
}

.skip-link:focus {
    top: 0;
}