/* 
 * Custom Styles for Cairn Wiki
 * Supplementing Tailwind CSS
 */

:root {
    --primary-glow: rgba(34, 211, 238, 0.5); /* Cyan-400 */
}

body {
    background-color: #1a1a1a;
    color: #e5e7eb;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Custom Scrollbar for Dark Theme */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111827; 
}

::-webkit-scrollbar-thumb {
    background: #374151; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4b5563; 
}

/* Glow Utilities */
.text-shadow-glow {
    text-shadow: 0 0 10px var(--primary-glow);
}

.box-shadow-glow {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.15);
}

/* Card Hover Effects */
.hover-card-transform {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card-transform:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(34, 211, 238, 0.2);
}

/* Hero Section Background Pattern */
.hero-bg {
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(22, 78, 99, 0.3) 0%, transparent 50%),
        linear-gradient(to bottom, transparent, #1a1a1a),
        url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?q=80&w=2568&auto=format&fit=crop'); 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}