@font-face {
    font-family: 'P22 Mackinac';
    src: url("/static/assets/fonts/P22Mackinac-ExtraBold-webfont.8ca78423e800.woff2") format('woff2'),
         url("/static/assets/fonts/P22Mackinac-ExtraBold-webfont.777c6d6bf8b3.woff") format('woff');
    font-weight: 800; /* ExtraBold weight */
    font-style: normal;
    font-display: swap; /* Prevents CLS from font loading */
}

/* Blog card styles (shared across index, breed_info, etc.) */
.blog-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: var(--wr-radius);
    overflow: hidden;
    box-shadow: var(--wr-shadow);
}
.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--wr-shadow-lg) !important;
}
.blog-card .card-img-top {
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.blog-card:hover .card-img-top {
    transform: scale(1.05);
}
.blog-card .card-body {
    overflow: hidden;
}
.blog-card .text-primary-themed {
    color: var(--wr-coral) !important;
}
@media (prefers-color-scheme: dark) {
    .blog-card { background-color: #16213e; border: 1px solid rgba(255,255,255,0.08); }
    .blog-card .card-title a { color: #e6eef4 !important; }
    .blog-card .card-text { color: #9CA3AF !important; }
    .blog-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important; }
}
[data-bs-theme="dark"] .blog-card { background-color: #16213e; border: 1px solid rgba(255,255,255,0.08); }
[data-bs-theme="dark"] .blog-card .card-title a { color: #e6eef4 !important; }
[data-bs-theme="dark"] .blog-card .card-text { color: #9CA3AF !important; }
[data-bs-theme="dark"] .blog-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important; }