/* ==========================================
   @font-face — Локальные шрифты (только static, только Regular + Bold)
   ========================================== */

/* Comfortaa */
@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa/static/Comfortaa-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa/static/Comfortaa-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* Rubik */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/static/Rubik-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/static/Rubik-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* Cormorant */
@font-face {
    font-family: 'Cormorant';
    src: url('../fonts/Cormorant/static/Cormorant-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Cormorant';
    src: url('../fonts/Cormorant/static/Cormorant-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}


/* ==========================================
   БАЗОВЫЕ ПРАВИЛА И ЗАЩИТА ИНТЕРФЕЙСА
   ========================================== */

:root {
    --site-main-font: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6,
p,
.recipe-title,
.card-title,
.profile-name,
.section-title,
.daily-recipe-title,
.topic-title,
.forum-card-title {
    font-family: var(--site-main-font);
}

input, textarea, button, select,
.nav-main a, .btn, .form-label, .stat-label,
.inv-type, .inv-days, .quick-link, .category-link,
.pagination a, .pagination span, .meta-label, .meta-value {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}


/* ==========================================
   ЦВЕТНЫЕ ШРИФТЫ (Comfortaa, Rubik, Cormorant)
   ========================================== */

/* Comfortaa Изумрудный */
body.font-comfortaa-emerald h1,
body.font-comfortaa-emerald h2,
body.font-comfortaa-emerald h3,
body.font-comfortaa-emerald p,
body.font-comfortaa-emerald .recipe-title,
body.font-comfortaa-emerald .post-content,
body.font-comfortaa-emerald .comment-content,
body.font-comfortaa-emerald .topic-title {
    font-family: 'Comfortaa', sans-serif !important;
    color: #10b981 !important;
}

/* Comfortaa Сапфировый */
body.font-comfortaa-sapphire h1,
body.font-comfortaa-sapphire h2,
body.font-comfortaa-sapphire h3,
body.font-comfortaa-sapphire p,
body.font-comfortaa-sapphire .recipe-title,
body.font-comfortaa-sapphire .post-content,
body.font-comfortaa-sapphire .comment-content,
body.font-comfortaa-sapphire .topic-title {
    font-family: 'Comfortaa', sans-serif !important;
    color: #3b82f6 !important;
}

/* Comfortaa Янтарный */
body.font-comfortaa-amber h1,
body.font-comfortaa-amber h2,
body.font-comfortaa-amber h3,
body.font-comfortaa-amber p,
body.font-comfortaa-amber .recipe-title,
body.font-comfortaa-amber .post-content,
body.font-comfortaa-amber .comment-content,
body.font-comfortaa-amber .topic-title {
    font-family: 'Comfortaa', sans-serif !important;
    color: #f59e0b !important;
}

/* Rubik Аметистовый */
body.font-rubik-amethyst h1,
body.font-rubik-amethyst h2,
body.font-rubik-amethyst h3,
body.font-rubik-amethyst p,
body.font-rubik-amethyst .recipe-title,
body.font-rubik-amethyst .post-content,
body.font-rubik-amethyst .comment-content,
body.font-rubik-amethyst .topic-title {
    font-family: 'Rubik', sans-serif !important;
    color: #8b5cf6 !important;
}

/* Rubik Янтарный */
body.font-rubik-amber h1,
body.font-rubik-amber h2,
body.font-rubik-amber h3,
body.font-rubik-amber p,
body.font-rubik-amber .recipe-title,
body.font-rubik-amber .post-content,
body.font-rubik-amber .comment-content,
body.font-rubik-amber .topic-title {
    font-family: 'Rubik', sans-serif !important;
    color: #f59e0b !important;
}

/* Rubik Рубиновый */
body.font-rubik-ruby h1,
body.font-rubik-ruby h2,
body.font-rubik-ruby h3,
body.font-rubik-ruby p,
body.font-rubik-ruby .recipe-title,
body.font-rubik-ruby .post-content,
body.font-rubik-ruby .comment-content,
body.font-rubik-ruby .topic-title {
    font-family: 'Rubik', sans-serif !important;
    color: #e11d48 !important;
}

/* Cormorant Королевский */
body.font-cormorant-royal h1,
body.font-cormorant-royal h2,
body.font-cormorant-royal h3,
body.font-cormorant-royal p,
body.font-cormorant-royal .recipe-title,
body.font-cormorant-royal .post-content,
body.font-cormorant-royal .comment-content,
body.font-cormorant-royal .topic-title {
    font-family: 'Cormorant', serif !important;
    color: #7c3aed !important;
    font-weight: 600 !important;
}

/* Cormorant Рубиновый */
body.font-cormorant-ruby h1,
body.font-cormorant-ruby h2,
body.font-cormorant-ruby h3,
body.font-cormorant-ruby p,
body.font-cormorant-ruby .recipe-title,
body.font-cormorant-ruby .post-content,
body.font-cormorant-ruby .comment-content,
body.font-cormorant-ruby .topic-title {
    font-family: 'Cormorant', serif !important;
    color: #e11d48 !important;
    font-weight: 600 !important;
}

/* Cormorant Изумрудный */
body.font-cormorant-emerald h1,
body.font-cormorant-emerald h2,
body.font-cormorant-emerald h3,
body.font-cormorant-emerald p,
body.font-cormorant-emerald .recipe-title,
body.font-cormorant-emerald .post-content,
body.font-cormorant-emerald .comment-content,
body.font-cormorant-emerald .topic-title {
    font-family: 'Cormorant', serif !important;
    color: #10b981 !important;
    font-weight: 600 !important;
}


/* ==========================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СТАРЫХ ШРИФТОВ
   ========================================== */

body.font-caveat h1, body.font-caveat h2 {
    font-size: 1.3em !important;
    line-height: 1.4 !important;
}
body.font-playfair h1 {
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}


/* ==========================================
   ПРЕМИАЛЬНЫЕ ЭФФЕКТЫ
   ========================================== */

/* Радужный градиент */
body.font-effect-rainbow h1,
body.font-effect-rainbow h2,
body.font-effect-rainbow h3,
body.font-effect-rainbow p,
body.font-effect-rainbow .post-content,
body.font-effect-rainbow .topic-title,
body.font-effect-rainbow .recipe-title,
body.font-effect-rainbow .card-title,
body.font-effect-rainbow .profile-name {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 800 !important;
    animation: rainbow-shine 4s linear infinite !important;
}
@keyframes rainbow-shine {
    to { background-position: 200% center; }
}

/* Золотой градиент */
body.font-effect-gold h1,
body.font-effect-gold h2,
body.font-effect-gold h3,
body.font-effect-gold p,
body.font-effect-gold .post-content,
body.font-effect-gold .topic-title,
body.font-effect-gold .recipe-title,
body.font-effect-gold .card-title,
body.font-effect-gold .profile-name {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    font-weight: 800 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    animation: gold-shine 5s linear infinite !important;
}
@keyframes gold-shine {
    to { background-position: 200% center; }
}