/* ==========================================================================
   css/index.css - Home Screen Glassmorphism
   ========================================================================== */

/* --- Hero Section --- */
.hero-title {
    /* Uses the dynamic variable from common.css */
    color: var(--card-primary-heading-color);
    letter-spacing: -1px;
    font-weight: 800;

    /* Soft shadow for depth in light mode */
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: color 0.4s ease, text-shadow 0.4s ease;
}

/* Adds a subtle warm glow to the title when Dark Mode is active */
[data-theme="dark"] .hero-title {
    text-shadow: 0 4px 20px rgba(251, 239, 215, 0.15);
}

.hero-subtitle {
    /* Uses the secondary heading color for perfect contrast */
    color: var(--card-secondary-heading-color);
    opacity: 0.9;
    font-size: 1.15rem;
    font-weight: 500;
    transition: color 0.4s ease;
}