/* Brand Guide v2.5 CSS Variables */
:root {
  /* Font families */
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-body: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --font-logo: 'Pacifico', cursive;

  /* Light Mode - Библиотека во дворе */
  --folkup-primary: #7D4450;        /* Мягкий бордо - заголовки, кнопки, header */
  --folkup-secondary: #839E75;      /* Приглушённый шалфей - sidebar, теги, бейджи */
  --folkup-accent: #E8AD4A;         /* Тёплый янтарь - свет фонаря, CTA, hover */
  --folkup-background: #FEFCF6;     /* Слоновая кость - основной фон */
  --folkup-surface: #F0EDE8;        /* Тёплый серый - карточки, блоки */
  --folkup-text: #2A2725;           /* Мягкий уголь - основной текст */
  --folkup-text-muted: #6B6560;     /* Тёплый серый - подписи, мета */
}

/* Self-hosted fonts */
@font-face {
  font-family: 'Playfair Display';
  src: url('/shared/fonts/playfair-display/playfair-display-v36-latin-regular.ttf') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/shared/fonts/source-sans-3/source-sans-3-v9-latin-regular.ttf') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pacifico';
  src: url('/shared/fonts/pacifico/pacifico-v22-latin-regular.ttf') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Hextra Theme Brand Integration - High Specificity */

/* Headers - Playfair Display with !important to override Tailwind */
h1, h2, h3, h4, h5, h6,
.hx\:text-4xl,
.hx\:text-3xl,
.hx\:text-2xl,
.hx\:text-xl,
.hx\:font-bold {
    font-family: var(--font-display) !important;
    color: var(--folkup-primary) !important;
}

/* Body text - Source Sans 3 */
body, p, li, span,
.hx\:text-slate-900,
.hx\:text-gray-700 {
    font-family: var(--font-body) !important;
    color: var(--folkup-text) !important;
}

/* Background override */
body {
    background-color: var(--folkup-background) !important;
}

/* Links */
a {
    color: var(--folkup-primary) !important;
}

a:hover {
    color: var(--folkup-accent) !important;
}