/* ============================================================
   Theme B: Parchment
   White / black / blood red — stark, austere, high-contrast
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&display=swap');

:root {
  /* Fonts */
  --font-heading: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Merriweather', Georgia, 'Palatino Linotype', Palatino, serif;
  --font-nav: 'EB Garamond', Georgia, serif;

  /* Logo */
  --logo-color: #8B0000;
  --logo-hover-color: #CC0000;
  --logo-font-size: 1.8rem;
  --logo-font-weight: 600;
  --logo-letter-spacing: 0.03em;

  /* Page background */
  --color-bg: #F5F2EC;
  --color-bg-content: #FAFAF6;

  /* Text */
  --color-text: #1a1a1a;
  --color-text-secondary: #444;
  --color-text-muted: #777;

  /* Links */
  --color-link: #8B0000;
  --color-link-hover: #CC0000;

  /* Headings */
  --color-h1: #1a1a1a;
  --color-h2: #8B0000;
  --color-h2-author: #555;
  --color-h3: #1a1a1a;
  --color-h4: #8B0000;
  --color-h4-border: #ddd;
  --color-h5: #444;
  --color-h6: #1a1a1a;
  --color-topic-h2: #8B0000;

  /* Page frame */
  --frame-border: none;
  --frame-border-top: none;
  --frame-border-radius: 0;
  --frame-bg: var(--color-bg);

  /* Header */
  --header-bg: rgba(120, 20, 15, 0.85);
  --header-border-top: none;
  --header-padding: 16px 0;
  --header-link-color: #fff;
  --header-link-hover: #fdd;
  --hamburger-color: #fff;
  --logo-color: #fff;
  --logo-hover-color: #fdd;

  /* Nav */
  --nav-bg: #1a1a1a;
  --nav-border-top: none;
  --nav-link-color: #E8E4DC;
  --nav-link-font-weight: 500;
  --nav-link-shadow: none;
  --nav-hover-bg: #8B0000;
  --nav-hover-text: #fff;
  --nav-hover-shadow: none;
  --nav-hover-border: none;
  --nav-pill-radius: 3px;

  /* Nav dropdown */
  --dropdown-bg: #FAFAF6;
  --dropdown-border: 1px solid #ddd;
  --dropdown-radius: 3px;
  --dropdown-shadow: 0 4px 16px rgba(0,0,0,0.1);
  --dropdown-link-color: #1a1a1a;
  --dropdown-hover-bg: #f0ebe3;
  --dropdown-hover-text: #8B0000;

  /* Mobile nav */
  --mobile-nav-link-color: #E8E4DC;
  --mobile-dropdown-bg: rgba(255,255,255,0.06);
  --mobile-dropdown-hover: rgba(255,255,255,0.12);

  /* Content area wrapper */
  --content-area-bg: transparent;
  --content-area-padding: 0;
  --content-area-radius: 0;
  --content-inner-bg: var(--color-bg-content);
  --content-inner-margin: 0 auto;
  --content-inner-radius: 3px;
  --content-inner-padding: 24px 48px;
  --content-inner-max-width: 1200px;
  --content-inner-shadow: 0 3px 12px rgba(0,0,0,0.25);
  --content-inner-border: 2px solid #8B0000;
  --content-inner-border-top: none;

  /* Sidebar / Related content */
  --sidebar-title-bg: #1a1a1a;
  --sidebar-title-color: #F5F2EC;
  --sidebar-title-border: 1px solid #1a1a1a;
  --sidebar-body-bg: #F0EBE3;
  --sidebar-body-border: 1px solid #ddd;
  --sidebar-link-color: #8B0000;

  /* Feature box */
  --feature-bg: #F0EBE3;
  --feature-border: 1px solid #ddd;
  --feature-text: #1a1a1a;
  --feature-heading: #8B0000;

  /* Blockquote */
  --blockquote-border: 3px solid #8B0000;
  --blockquote-text: #444;

  /* Misc content colors */
  --color-quote-text: #1a1a1a;
  --color-quotecite: #555;
  --color-ref: #777;
  --color-ai: #1a1a1a;
  --color-new: #8B0000;
  --color-date: #555;
  --color-date-link: #555;
  --color-email-quote: #444;
  --color-abstract: #444;
  --color-image-caption: #1a1a1a;

  /* Buttons */
  --button-bg: #1a1a1a;
  --button-text: #F5F2EC;
  --button-hover: #333;
  --button-radius: 3px;

  /* Search input */
  --input-border: #ccc;
  --input-radius: 3px;

  /* Footer */
  --footer-bg: #1a1a1a;
  --footer-text: #aaa;
  --footer-padding: 1.5rem 1rem;

  /* PDF link box */
  --pdf-bg: #F0EBE3;
  --pdf-border: 1px solid #ddd;

  /* Synaxarion */
  --synaxarion-heading: #1a1a1a;

  /* Borders & accents */
  --color-border: #ddd;
  --color-accent: #8B0000;
  --color-accent-green: #555;

  /* Spacing */
  --body-font-size: 1.05rem;
  --body-line-height: 1.7;
  --article-line-height: 1.7;
}