/* Quail Hollow: redwood forest, navy helmet, cream lettering, and gold trim. */
:root {
  --regalia: #064c3d;
  --regalia-deep: #10263f;
  --regalia-soft: #58752f;
  --orange: #e4bc79;
  --orange-deep: #78531c;
  --orange-soft: #f6e7c7;
  --ink: #10263f;
  --muted: #55645f;
  --line: #d7ded4;
  --paper: #faf7ef;
  --surface: #ffffff;
  --surface-2: #eef2e8;
  --gold: #e4bc79;
  --green: #176846;
}

body {
  background:
    linear-gradient(90deg, rgba(6,76,61,.035) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(0deg, rgba(88,117,47,.035) 1px, transparent 1px) 0 0 / 36px 36px,
    var(--paper);
}

.hero, .brand { color: var(--orange-soft); }
.hero.landing-active {
  background: linear-gradient(135deg, #10263f, #064c3d 72%, #354b21);
}
.topline {
  background: rgba(16,38,63,.97);
  border-bottom-color: rgba(228,188,121,.35);
  box-shadow: 0 10px 26px rgba(16,38,63,.24);
}
.brand-logo {
  flex-shrink: 0;
  border: 1px solid var(--gold);
  border-radius: 4px;
  object-fit: contain;
  box-shadow: none;
}
.quail-hero-logo {
  display: block;
  width: clamp(170px, 17vw, 230px);
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
  border: 2px solid var(--gold);
  border-radius: 6px;
  background: white;
}
.hero-grid { padding-top: calc(var(--nav-height) + 48px); }
.hero-copy { min-width: 0; }
.champion-spotlight,
.hero-rotator {
  background:
    linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    rgba(10,29,40,.58);
  box-shadow: inset 0 5px 0 var(--gold), 0 24px 80px rgba(10,29,40,.3);
}
.champion-spotlight::after {
  background: radial-gradient(ellipse at center, rgba(228,188,121,.28), transparent 66%);
}
.stat-tile { background: rgba(10,29,40,.58); }

main .eyebrow { color: var(--regalia); }
.accent-panel {
  background: linear-gradient(135deg, var(--regalia), var(--regalia-deep));
}
.accent-panel .eyebrow { color: var(--orange-soft); }
.current-season .record-link { color: var(--regalia); }
.race-shell { box-shadow: 0 18px 50px rgba(16,38,63,.1); }
.race-chart {
  background: linear-gradient(180deg, rgba(6,76,61,.025), transparent 44%), white;
}
.race-logo circle { filter: drop-shadow(0 3px 3px rgba(16,38,63,.24)); }
.race-champion-key span { box-shadow: 0 0 0 3px rgba(228,188,121,.2); }
.feature-panel,
.season-card,
.season-standings-panel { box-shadow: 0 16px 38px rgba(16,38,63,.08); }
.points-leader-badge { border-color: rgba(228,188,121,.5); }
th,
.record-comparison tbody th { background: #e7edde; }
.same {
  background: repeating-linear-gradient(135deg, #f5f7ef, #f5f7ef 8px, #e7edde 8px, #e7edde 16px);
}
.record-comparison td::before {
  background: linear-gradient(90deg, rgba(228,188,121,.22), rgba(6,76,61,.08));
  border-right-color: rgba(120,83,28,.28);
}
.record-dialog { box-shadow: 0 26px 80px rgba(16,38,63,.36); }
.record-dialog::backdrop { background: rgba(10,29,40,.6); }
.trophy-case { box-shadow: 0 18px 44px rgba(16,38,63,.12); }
.trophy-stage {
  background: linear-gradient(135deg, var(--regalia), var(--regalia-deep) 68%);
}
.trophy-stage::before { border-color: rgba(228,188,121,.5); }
:focus-visible { outline: 3px solid var(--regalia); outline-offset: 3px; }
.hero :focus-visible { outline-color: var(--gold); }

@media (max-width: 680px) {
  .hero-grid { padding-top: calc(var(--nav-height) + 28px); }
  .quail-hero-logo { width: 170px; margin-bottom: 20px; }
}