/**
 * Light Theme Stylesheet - PPDB SMK PGRI 2 Ponorogo
 * Perpaduan warna BIRU dan UNGU yang harmonis
 */

[data-theme="light"] {
    --primary-blue: #4361ee;
    --primary-purple: #7209b7;
    --primary-gradient: linear-gradient(135deg, #4361ee 0%, #7209b7 100%);
    --primary-gradient-hover: linear-gradient(135deg, #3a56d4 0%, #5c0899 100%);

    --white: #ffffff;
    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
}

/* Light theme is the default, these are enhancement styles */
[data-theme="light"] body {
    background: linear-gradient(180deg, var(--gray-50) 0%, #f0f4ff 100%);
}

[data-theme="light"] .hero {
    background: var(--primary-gradient);
}

[data-theme="light"] .menu-icon {
    background: var(--primary-gradient);
}

[data-theme="light"] .card:hover {
    box-shadow: var(--shadow-xl), 0 0 30px rgba(67, 97, 238, 0.15);
}

[data-theme="light"] .btn-primary {
    box-shadow: var(--shadow-md), 0 0 20px rgba(67, 97, 238, 0.3);
}

[data-theme="light"] .btn-primary:hover {
    box-shadow: var(--shadow-lg), 0 0 30px rgba(67, 97, 238, 0.4);
}

[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

[data-theme="light"] .sidebar-header {
    background: var(--primary-gradient);
}

[data-theme="light"] .jurusan-header {
    background: var(--primary-gradient);
}

[data-theme="light"] .stat-icon.primary {
    background: linear-gradient(135deg, rgba(67, 97, 238, 0.1) 0%, rgba(114, 9, 183, 0.1) 100%);
}

[data-theme="light"] .progress-step.active .progress-step-number {
    background: var(--primary-gradient);
    box-shadow: 0 0 15px rgba(67, 97, 238, 0.4);
}

/* Light theme subtle gradient backgrounds */
[data-theme="light"] .section:nth-child(even) {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

/* Light theme selection color */
[data-theme="light"] ::selection {
    background: rgba(67, 97, 238, 0.3);
    color: var(--gray-900);
}