/* SPARK Theme - Modular CSS System
 * This file imports all the modular CSS components for the SPARK theme
 * Use this file to import the complete theme across multiple pages
 */

/* Import all theme components in the correct order */
@import url('./spark-variables.css');
@import url('./spark-typography.css');
@import url('./spark-components.css');
@import url('./spark-animations.css');

/* Theme-specific utility classes */
.spark-theme {
    /* Ensure theme variables are available */
    --theme-loaded: true;
}

/* ===== COMPREHENSIVE CURSOR FIXES ===== */
/* 
 * Task 28: Fix Text Cursor Issue
 * 
 * Problem: Text elements were showing I-beam cursor (text input cursor) instead of default cursor
 * Solution: Explicitly set cursor properties for all text and interactive elements
 * 
 * These rules have high specificity to override any conflicting cursor styles
 * from Tailwind CSS or other frameworks
 */

/* Default cursor for all non-interactive text elements */
body, html,
h1, h2, h3, h4, h5, h6, p, span, div, section, article, main, aside, header, footer,
.hero-title, .section-heading-enhanced, .gradient-text-enhanced,
.hero-description, .text-primary, .text-secondary, .text-muted, .text-large {
    cursor: default !important;
}

/* Pointer cursor for interactive elements */
a, button, .btn, .cta-button, .nav-link, .feature-tab, 
.demo-generate-btn, .section-dot, .logo-container,
[role="button"], [onclick], [data-tab] {
    cursor: pointer !important;
}

/* Text cursor only for input elements */
input[type="text"], input[type="email"], input[type="password"], 
textarea, [contenteditable="true"] {
    cursor: text !important;
}

/* Theme initialization styles */
.spark-theme body {
    /* Ensure proper theme initialization */
    background: var(--bg-primary);
    background-image: var(--gradient-background);
    color: var(--text-secondary);
}

/* Theme component overrides for specific use cases */
.spark-theme .hero-section {
    /* Hero section specific theme adjustments */
    position: relative;
    min-height: 100vh;
}

.spark-theme .features-section {
    /* Features section specific theme adjustments */
    position: relative;
}

.spark-theme .security-section {
    /* Security section specific theme adjustments */
    position: relative;
}

.spark-theme .pricing-section {
    /* Pricing section specific theme adjustments */
    position: relative;
}

/* Responsive theme adjustments */
@media (max-width: 768px) {
    .spark-theme {
        /* Mobile-specific theme adjustments */
        --animation-duration-fast: 0.15s;
        --animation-duration-normal: 0.25s;
        --animation-duration-slow: 0.4s;
    }
}

@media (min-width: 1024px) {
    .spark-theme {
        /* Desktop-specific theme adjustments */
        --animation-duration-fast: 0.2s;
        --animation-duration-normal: 0.3s;
        --animation-duration-slow: 0.5s;
    }
}

/* Theme accessibility enhancements */
@media (prefers-reduced-motion: reduce) {
    .spark-theme * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .spark-theme {
        --text-primary: #FFFFFF;
        --text-secondary: #E0E0E0;
        --text-muted: #C0C0C0;
        --border-primary: rgba(255, 255, 255, 0.3);
        --border-accent: rgba(59, 130, 246, 0.8);
    }
}

/* Dark mode support (default) */
@media (prefers-color-scheme: dark) {
    .spark-theme {
        /* Dark mode is the default, no changes needed */
    }
}

/* Light mode support (if needed in the future) */
@media (prefers-color-scheme: light) {
    .spark-theme {
        /* Light mode variables would go here if implemented */
        /* Currently SPARK uses dark theme exclusively */
    }
}