/* Kate A. Quill — v42 full structural extraction pass
   Extracted from inline <style> blocks. Visual design preserved. */

/* === Inline style block 1  === */
:root {
  --bg: #0A0806;
  --bg2: #120F0C;
  --bg3: #1C1712;
  --gold: #E8D9A8;
  --gold-light: #F8F1E3;
  --gold-dark: #D4B46A;
  --gold-metallic: #D4AF37;
  --gold-faint: #2B2117;
  --text: #F8F1E3;
  --text-muted: #D4C4A8;
  --text-dim: #8E7A63;
  --accent-red: #9C2F2F;
  --border: #241C15;
  --border-gold: #4A3923;
  --ff-serif: 'Cormorant Garamond', Georgia, serif;
  --ff-sans: 'Inter', system-ui, sans-serif;
  --nav-shell-radius: 18px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at top right, rgba(196,138,94,0.06), transparent 28%),
              radial-gradient(circle at 78% 18%, rgba(212,175,55,0.05), transparent 18%),
              linear-gradient(180deg, var(--bg) 0%, #090705 100%);
  color: var(--text);
  font-family: var(--ff-serif);
  overflow-x: hidden;
}
::selection { background: rgba(196,138,94,0.35); color: var(--gold-light); }
/* SCROLLBAR */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--gold-dark); }
/* UTILITIES */
.gold { color: var(--gold); }
.serif { font-family: var(--ff-serif); }
.sans { font-family: var(--ff-sans); }
.section-label {
  font-family: var(--ff-sans); font-size: 9px; letter-spacing: 0.5em;
  text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px;
  text-shadow: 0 0 10px rgba(196,138,94,0.04);
}
.gold-line { height: 1px; background: var(--border-gold); position: relative; }
.gold-line::after {
  content: ''; position: absolute; left: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, var(--gold-dark) 0%, transparent 100%);
  width: 200px;
}


/* A11Y - Keyboard Focus */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[role="tab"]:focus-visible {
    outline: 2px solid rgba(212, 175, 55, 0.8);
    outline-offset: 4px;
    border-radius: 2px;
}

/* A11Y - Mobile Tap Targets */
@media (max-width: 768px) {
  button, a {
    position: relative;
  }
  button::after, a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 48px;
    min-height: 48px;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}