/* PAIDAR First - PYMES: The Sovereign Auditor Aesthetic */

:root {
    --pymes-navy: #002147;
    --pymes-gold: #D4AF37;
    --pymes-gold-light: #E9C349;
    --pymes-parchment: #F5F2EA;
    --pymes-parchment-dark: #EBE8E0;
    --pymes-text: #1C1C17;
    --pymes-text-muted: #44474E;
}

.pymes-body {
    background-color: var(--pymes-parchment);
    color: var(--pymes-text);
    font-family: 'Inter', sans-serif;
}

.pymes-heading {
    font-family: 'Newsreader', serif;
    font-weight: 600; /* Slightly lighter for more elegance */
}

/* Icons: Strict Outline Style */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24 !important;
}

/* Typography Scales */
.pymes-display {
    font-family: 'Newsreader', serif;
    font-size: 3.5rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.pymes-title {
    font-family: 'Newsreader', serif;
    font-size: 2rem;
    font-weight: 700;
}

/* Buttons */
.pymes-btn-primary {
    background: linear-gradient(135deg, var(--pymes-navy) 0%, #001B3D 100%);
    color: white;
    padding: 1rem 2rem;
    border-radius: 0.375rem;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 20px rgba(0, 33, 71, 0.15);
}

.pymes-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 33, 71, 0.25);
}

.pymes-btn-secondary {
    background: transparent;
    color: var(--pymes-navy);
    padding: 0.875rem 1.75rem;
    border-radius: 0.375rem;
    font-weight: 600;
    border: 1px solid rgba(0, 33, 71, 0.2);
    transition: all 0.3s ease;
}

.pymes-btn-secondary:hover {
    background: var(--pymes-parch-dark);
    border-color: var(--pymes-navy);
}

/* Cards & Layout */
.pymes-card {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(28, 28, 23, 0.05);
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pymes-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(28, 28, 23, 0.1);
}

.pymes-section-dark {
    background-color: var(--pymes-parchment-dark);
}

/* Form Styles */
.pymes-question-card {
    cursor: pointer;
    border: 2px solid transparent;
    padding: 1.5rem;
    background: white;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

.pymes-question-card.active {
    border-color: var(--pymes-gold);
    background: var(--pymes-parchment);
}

.pymes-hero-img {
    filter: contrast(0.85) brightness(1.02);
    transition: filter 0.8s ease;
}

/* Animations: Slow and Atmospheric */
.fade-in { animation: fadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.fade-in-up { animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

/* Hide mobile menu button on desktop strictly */
@media (min-width: 768px) {
    .md-hidden-strict {
        display: none !important;
    }
}

/* Utility */
.text-gold { color: var(--pymes-gold); }
.bg-navy { background-color: var(--pymes-navy); }
