/* Custom Styles for Chieti DatiComuni.it */

@layer theme {
    :root {
        --color-primary: #0066CC;
        --color-secondary: #FFDD00;
        --color-text: #1A1A1A;
        --color-bg-light: #F9FAFB;
        --color-border: #E5E7EB;
    }
}

@layer base {
    body {
        font-family: 'Titillium Web', sans-serif;
        @apply text-slate-800 bg-slate-50;
    }
    h1, h2, h3, h4, h5, h6 {
        @apply font-bold;
    }
}

@layer components {
    .card {
        @apply bg-white rounded-lg shadow-sm border border-slate-200 p-6 transition-all duration-200 hover:shadow-md;
    }
    .btn {
        @apply px-4 py-2 rounded font-semibold transition-colors duration-200 inline-flex items-center gap-2;
    }
    .btn-primary {
        @apply bg-blue-700 text-white hover:bg-blue-800;
    }
    .btn-outline {
        @apply border border-slate-300 text-slate-700 hover:bg-slate-50;
    }
    .badge {
        @apply px-2 py-0.5 rounded text-xs font-semibold;
    }
    .ad-sidebar {
        @apply bg-gradient-to-br from-slate-50 to-slate-100 rounded-lg p-4 border border-slate-200;
    }
    .ad-footer {
        @apply bg-gradient-to-r from-slate-100 to-slate-50 rounded-lg p-6 border border-slate-200;
    }
    .affiliate-widget {
        @apply bg-white rounded-lg shadow-sm border border-slate-200 p-4 hover:shadow-md transition-all;
    }
}

/* Performance optimizations */
img {
    @apply lazy;
}

/* Accessibility improvements */
.sr-only {
    @apply sr-only;
}

.focus-visible:focus {
    @apply outline-2 outline-offset-2 outline-blue-600;
}

/* Print styles */
@media print {
    .ad-sidebar,
    .ad-footer,
    .affiliate-widget {
        @apply hidden;
    }
}