/*
Theme Name: Gothic One
Theme URI: https://example.com/gothic-one
Author: M365 Copilot for Dan
Author URI: https://example.com
Description: A super-simple, single-page Gothic-style WordPress theme.
Version: 1.1.1
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 5.6
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gothic-one
*/

:root { --bg:#0b0b0d; --surface:#121217; --ink:#e7e3db; --accent:#8b0000; --muted:#b4a58a; --link:#c41e3a; --maxw:1000px; }
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:"IM Fell English","Georgia",serif;line-height:1.7}
h1,h2,h3,h4{font-family:"UnifrakturCook","IM Fell English",serif;font-weight:700;letter-spacing:.5px;margin:.6em 0 .2em}
p{margin:.8em 0}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.site-header{background:linear-gradient(180deg,#0e0e12 0%,#121217 100%);border-bottom:1px solid #1f1f28;position:sticky;top:0;z-index:999}
.brand{display:flex;align-items:center;gap:12px;padding:18px 0}
.brand .title{font-size:2rem;color:var(--muted)}
.brand .subtitle{color:#9b8b6a;font-style:italic}
.nav{display:flex;gap:20px;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--muted);border-bottom-color:var(--muted)}
.hero{background:url('./assets/img/texture.png'),radial-gradient(1000px 500px at 10% 10%,#151522 0%,#0b0b0d 60%);background-blend-mode:multiply;padding:80px 0 60px;text-align:center}
.hero h1{font-size:3rem;color:var(--muted)}
.hero p{color:#d7d0c3}
.section{padding:60px 0;border-top:1px solid #1f1f28}
.section h2{color:var(--muted)}
.button{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;text-decoration:none;border:1px solid #6f0000;border-radius:2px;box-shadow:0 0 0 1px #320001 inset}
.button:hover{filter:brightness(1.1)}
.site-footer{background:#0e0e12;border-top:1px solid #1f1f28;padding:24px 0;color:#bfb7a8}
.alignwide{max-width:1200px;margin:0 auto}
.alignfull{width:100%}
img{max-width:100%;height:auto;border-radius:2px}
a:focus{outline:2px dashed var(--muted);outline-offset:2px}