/* --- Global Styles --- */
/* Custom colors are defined in index.html Tailwind config */

/* --- Navigation Active Link Style --- */
.nav-link.text-ldot-primary {
    border-bottom: 2px solid #facc15; /* Uses Gold accent */
}

/* --- Logo Hover Style (NEW) --- */
.logo-link:hover .logo-text,
.logo-link:hover .logo-icon {
    color: #facc15; /* Gold/Yellow Accent */
    transition: color 150ms ease-in-out;
}
.logo-link:hover .logo-text {
    /* Optional: Slight transformation on text for emphasis */
    text-shadow: 0 0 5px rgba(250, 204, 21, 0.5);
}


/* --- Dynamic Hero Background (Interactive Theme) --- */
.hero-bg {
    /* Uses primary, secondary, and a darker shade for the dynamic gradient */
    background: linear-gradient(-45deg, #1e3a8a, #172554, #facc15, #374151);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* --- Markdown Content Styling (For AI Tool Output in Modal) --- */
.markdown-content p {
    margin-bottom: 0.75rem; /* Tailwind 'mb-3' equivalent */
    line-height: 1.6;
}

.markdown-content strong {
    color: #1e3a8a; /* Use Deep Blue for strong text */
    font-weight: 700;
}

.markdown-content ul {
    list-style: disc;
    margin-left: 1.5rem; /* Tailwind 'ml-6' equivalent */
    margin-bottom: 1rem;
}

.markdown-content ul li {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

/* Home Card Content (Used to style <strong> tags inside the home cards for gold emphasis) */
.home-card-content strong {
    color: #facc15; /* Use Gold accent for card emphasis */
    font-weight: 700;
}