/* === Dolmenwood Theme === */
/* Uses the same variable-driven approach as theme-mothership.css and plugs into your base style.css.
   Apply with <body class="dolmenwood">. */

/* Fonts: bookish serif display + readable body */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&family=Cormorant+Garamond:wght@600;700&display=swap');

body.dolmenwood {
  /* Typography matches your base variables (style.css) */
  --font-heading: 'Cormorant Garamond', serif; /* ornate, fairy-tale headings */
  --font-body:    'EB Garamond', serif;        /* classic readable body */

  /* Core palette tuned for parchment + moss + burgundy + gilt */
  --color-bg:       #F6F1E7; /* parchment */
  --color-text:     #2E2218; /* deep umber */
  --color-accent:   #2F4F3A; /* moss green for headings/rules */
  --color-link:     #2E6F5B; /* green-teal link */
  --color-border:   #D8C9AF; /* warm paper edge */

  --color-callout-bg:     #F1E9D8; /* creamy note panel */
  --color-callout-border: #B79B67; /* antique gold edge */

  /* Sidebar colors (used by your shared .sidebar rules) */
  --sidebar-bg:   #F2EDDF;
  --sidebar-text: #5A4B38;
}

/* Optional flourish utilities (play nicely with your base CSS) */
body.dolmenwood .dropcap:first-letter {
  font-family: var(--font-heading);
  color: #7C2F2A; /* wine accent */
}

/* Ornamented horizontal rule */
body.dolmenwood hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0), var(--color-border), rgba(0,0,0,0));
}

/* Callout variants themed for factions (reuses .callout from base) */
body.dolmenwood .callout.fairy  { border-left-color: #7C2F2A; }
body.dolmenwood .callout.church { border-left-color: #2F4F3A; }
body.dolmenwood .callout.drune  { border-left-color: #33354A; }

/* Table header tint for parchment */
body.dolmenwood thead th { background: #EFE7D7; }

/* Mobile/Sidebar behavior mirrors mothership theme for consistency */
.mobile-nav { display: none; }
.sidebar    { display: block; }
@media screen and (max-width: 768px) {
  .mobile-nav { display: block !important; }
  .sidebar    { display: none  !important; }
}
