/* ===== Author Young Brand Tokens ===== */
:root {
  --ay-bg:      #0B0F19; /* Midnight Blue */
  --ay-pink:    #E55B8B; /* Nebula Pink */
  --ay-gold:    #F3C641; /* Starlight Gold */
  --ay-silver:  #E2E8F0; /* Soft Silver (body text) */
  --ay-bg-soft: #131829;
}

/* ===== Typography ===== */
body {
  background-color: var(--ay-bg);
  color: var(--ay-silver);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: var(--ay-silver);
}

.ay-eyebrow {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  font-size: 0.8rem;
  color: var(--ay-pink);
  text-transform: uppercase;
}

.ay-section-title {
  color: var(--ay-silver);
}

.ay-body-text {
  color: var(--ay-silver);
  line-height: 1.85;
  opacity: 0.9;
}

/* Hide Genesis/Bootstrap for Genesis default header block if unused */
.site-container > header.site-header { display: none !important; }


/* ===== Buttons ===== */
.ay-btn-gold {
  background-color: var(--ay-gold);
  color: #0B0F19;
  font-weight: 600;
  border: none;
  transition: all 0.2s ease;
}
.ay-btn-gold:hover,
.ay-btn-gold:focus {
  background-color: #ffd968;
  color: #0B0F19;
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--ay-gold) 35%, transparent);
}

.ay-btn-outline {
  background: transparent;
  color: var(--ay-silver);
  border: 1px solid var(--ay-silver);
  font-weight: 600;
  transition: all 0.2s ease;
}
.ay-btn-outline:hover,
.ay-btn-outline:focus {
  background-color: var(--ay-silver);
  color: var(--ay-bg);
}

.ay-btn-row .btn {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
.ay-btn-row .btn:last-child {
  margin-right: 0;
}

.ay-btn-soon {
  background: transparent;
  color: rgba(226,232,240,0.5);
  border: 1px dashed rgba(226,232,240,0.35);
  font-weight: 600;
  cursor: default;
}
.ay-btn-soon:hover,
.ay-btn-soon:focus {
  background: transparent;
  color: rgba(226,232,240,0.5);
}


/* ===== Hero ===== */
.ay-hero {
  min-height: 85vh;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(229,91,139,0.20) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 70%, rgba(243,198,65,0.14) 0%, transparent 50%),
    radial-gradient(circle, #131829 0%, #0B0F19 70%);
}
.ay-hero::before {
  /* simple starfield using layered radial gradients */
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 10% 20%, #fff 100%, transparent),
    radial-gradient(1px 1px at 80% 30%, #fff 100%, transparent),
    radial-gradient(1.5px 1.5px at 50% 60%, #fff 100%, transparent),
    radial-gradient(1px 1px at 25% 75%, #fff 100%, transparent),
    radial-gradient(1px 1px at 65% 85%, #fff 100%, transparent),
    radial-gradient(1.5px 1.5px at 90% 15%, #fff 100%, transparent),
    radial-gradient(1px 1px at 40% 40%, #fff 100%, transparent);
  background-repeat: repeat;
  background-size: 600px 600px;
  opacity: 0.5;
  pointer-events: none;
}
.ay-hero-inner { z-index: 1; }
.ay-hero-title {
  font-size: clamp(2.25rem, 6vw, 4.5rem);
  color: var(--ay-silver);
  text-shadow: 0 0 30px rgba(229,91,139,0.25);
}
.ay-hero-sub {
  color: var(--ay-silver);
  opacity: 0.85;
}


/* ===== Books ===== */
.ay-books-section {
  background-color: var(--ay-bg);
}
.ay-book-cover {
  max-width: 320px;
  border-radius: 6px;
  border: 1px solid rgba(226,232,240,0.18);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.6),
    0 20px 50px rgba(0,0,0,0.55),
    0 0 40px rgba(229,91,139,0.08);
}
.ay-book-genre {
  color: var(--ay-gold);
  font-weight: 700;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
}
.ay-book-title {
  color: var(--ay-pink);
}
.ay-book-blurb {
  color: var(--ay-silver);
  opacity: 0.88;
  line-height: 1.8;
}
.ay-book-row + .ay-book-row {
  border-top: 1px solid rgba(226,232,240,0.08);
  padding-top: 3rem;
}


/* ===== About ===== */
.ay-about-section {
  background-color: var(--ay-bg-soft);
}
.ay-author-photo {
  border-radius: 12px;
  max-width: 280px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.45);
}


/* ===== Events ===== */
.ay-events-section {
  background-color: var(--ay-bg);
  border-top: 1px solid rgba(226,232,240,0.08);
}
.ay-event-card {
  background-color: var(--ay-bg-soft);
  border: 1px solid rgba(226,232,240,0.1);
  border-radius: 10px;
  height: 100%;
}
.ay-event-date {
  color: var(--ay-gold);
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.ay-event-venue {
  color: var(--ay-silver);
  font-weight: 600;
}
.ay-event-location {
  color: var(--ay-silver);
  opacity: 0.7;
  font-size: 0.9rem;
}


/* ===== Footer ===== */
.ay-footer {
  background-color: #070a11;
  border-top: 1px solid rgba(226,232,240,0.08);
}
.ay-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.ay-social-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(226,232,240,0.06);
  color: rgba(226,232,240,0.75);
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}
.ay-social-btn:hover {
  transform: translateY(-3px);
  background-color: var(--ay-pink);
  color: #0B0F19;
}