/*
Theme Name: The Illuminated Scroll
Theme URI: 
Author: TechVie
Author URI: 
Description: A dark, illuminated-manuscript WordPress theme built to host The Illuminated Scroll interactive Bible experience full-screen. Provides a "Illuminated Scroll (Full Screen)" page template. Pairs with the companion Illuminated Scroll plugin, which supplies the story engine and shortcode.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: illuminated-scroll-theme
Tags: dark, custom-menu, full-width-template, theme-options, translation-ready
*/

:root{
  --ink:#0b101b; --ink-2:#121a2b; --vellum:#ece0c4;
  --gold:#c69a3e; --gold-bright:#e8c673; --muted:#938a73;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--vellum);
  font-family:Georgia,'Times New Roman',serif; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--gold-bright); }
a:hover{ color:var(--gold); }

.site-header{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  padding:18px 24px; border-bottom:1px solid rgba(198,154,62,.25);
  background:linear-gradient(180deg, rgba(18,26,43,.7), rgba(11,16,27,.7));
}
.site-title{ font-size:22px; letter-spacing:.06em; margin:0; }
.site-title a{ color:var(--vellum); text-decoration:none; }
.site-title a:hover{ color:var(--gold-bright); }
.site-description{ color:var(--muted); font-style:italic; font-size:14px; margin:2px 0 0; }
.main-nav ul{ list-style:none; display:flex; gap:18px; margin:0; padding:0; flex-wrap:wrap; }
.main-nav a{ text-decoration:none; letter-spacing:.04em; }

.site-main{ max-width:820px; margin:0 auto; padding:36px 22px; }
.site-main h1,.site-main h2,.site-main h3{ color:var(--vellum); }
.entry-title{ font-size:30px; margin:0 0 10px; }
.entry-content{ color:#d6c9aa; }
.entry-content img{ max-width:100%; height:auto; }

.site-footer{
  border-top:1px solid rgba(198,154,62,.2); color:var(--muted);
  text-align:center; padding:22px; font-size:13px;
}

.button, .wp-block-button__link{
  display:inline-block; padding:12px 22px; border-radius:6px;
  background:rgba(198,154,62,.16); border:1px solid var(--gold);
  color:var(--gold-bright); text-decoration:none; letter-spacing:.06em;
}
.button:hover{ background:rgba(198,154,62,.28); }