/* Brand Guide v2.5 - Master CSS Tokens */
/* Self-hosted fonts - GDPR compliant */

@font-face {
  font-family: 'Playfair Display';
  src: url('/shared/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/shared/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vUDQ.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/shared/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebukDQ.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/shared/fonts/playfair-display/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDQ.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/shared/fonts/source-sans-3/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kzm61EN.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/shared/fonts/source-sans-3/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Ky461EN.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/shared/fonts/source-sans-3/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8KyK61EN.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/shared/fonts/source-sans-3/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kxm7FEN.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

/* Brand Guide v2.5 - Palette D */
:root {
  /* 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;     /* Тёплый серый - подписи, мета */

  /* Typography */
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-body: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  --font-logo: 'Pacifico', cursive;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark Mode - Тёплый charcoal */
    --folkup-background: #1A1816;              /* Тёплый charcoal */
    --folkup-surface: #242220;                 /* Углубление */
    --folkup-border: #3A3634;                  /* Тёплый графит */
    --folkup-text: rgba(225, 220, 215, 1);     /* Тёплый светлый (12.5:1 контраст) */
    --folkup-text-titles: rgba(240, 236, 232, 1); /* Светлее текста (14.8:1) */
    --folkup-primary: rgba(200, 140, 130, 1);  /* Осветлённый бордо (7:1) */
    --folkup-secondary: rgba(160, 190, 145, 1); /* Осветлённый шалфей (7.5:1) */
    --folkup-accent: #E8AD4A;                  /* Янтарь остается */
  }
}

/* Utility Classes */
.text-primary { color: var(--folkup-primary); }
.text-secondary { color: var(--folkup-secondary); }
.text-accent { color: var(--folkup-accent); }
.bg-surface { background-color: var(--folkup-surface); }

/* Typography Classes */
.font-display { font-family: var(--font-display); }
.font-body { font-family: var(--font-body); }
.font-logo { font-family: var(--font-logo); }

/* Hextra Theme Integration - Brand Guide v2.5 */

/* Headers - Playfair Display with high specificity */
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;
}

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

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

/* Safety banner for mushroom site */
.hextra-banner {
    background-color: var(--folkup-secondary) !important;
}