/* Fantasy Island palette overrides for the shared dashboard layout. */
:root {
  --regalia: #126963;
  --regalia-deep: #102c36;
  --regalia-soft: #168c87;
  --orange: #e9b65f;
  --orange-deep: #76521b;
  --orange-soft: #fff3d6;
  --ink: #102c36;
  --muted: #526966;
  --line: #d3dfd8;
  --paper: #fffaf0;
  --surface-2: #edf5f1;
  --gold: #e9b65f;
}

body {
  background:
    linear-gradient(90deg, rgba(18,105,99,.05) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(0deg, rgba(233,182,95,.05) 1px, transparent 1px) 0 0 / 36px 36px,
    var(--paper);
}

.hero.landing-active {
  background:
    radial-gradient(circle at 88% 20%, rgba(233,182,95,.38), transparent 28%),
    linear-gradient(138deg, var(--regalia-deep) 0%, var(--regalia) 58%, #168c87 100%);
}

.topline {
  background: rgba(16,44,54,.96);
  box-shadow: 0 10px 26px rgba(8,30,38,.24);
}

.champion-spotlight,
.hero-rotator {
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)),
    rgba(8,30,38,.42);
  box-shadow: inset 0 5px 0 var(--orange), 0 24px 80px rgba(8,30,38,.3);
}

.champion-spotlight::after {
  background: radial-gradient(ellipse at center, rgba(233,182,95,.38), transparent 66%);
}

.stat-tile {
  background: rgba(8,30,38,.42);
}

.race-shell {
  box-shadow: 0 18px 50px rgba(16,44,54,.1);
}

.race-chart {
  background: linear-gradient(180deg, rgba(18,105,99,.025), transparent 44%), white;
}

.race-logo circle {
  filter: drop-shadow(0 3px 3px rgba(16,44,54,.24));
}

.feature-panel,
.season-card {
  box-shadow: 0 16px 38px rgba(16,44,54,.08);
}

.accent-panel {
  background:
    linear-gradient(135deg, rgba(233,182,95,.92), rgba(18,105,99,.94)),
    var(--regalia);
}

.season-standings-panel {
  box-shadow: 0 16px 38px rgba(16,44,54,.08);
}

.points-leader-badge {
  border: 1px solid rgba(233,182,95,.28);
}

th {
  background: #e4f0eb;
}

.same {
  background: repeating-linear-gradient(135deg, #f5f9f4, #f5f9f4 8px, #e4f0eb 8px, #e4f0eb 16px);
}

.record-comparison tbody th {
  background: #e4f0eb;
}

.record-comparison td::before {
  background: linear-gradient(90deg, rgba(233,182,95,.16), rgba(18,105,99,.08));
  border-right: 3px solid rgba(233,182,95,.28);
}

.record-dialog {
  box-shadow: 0 26px 80px rgba(8,30,38,.36);
}

.record-dialog::backdrop {
  background: rgba(8,30,38,.6);
}

.trophy-case {
  box-shadow: 0 18px 44px rgba(16,44,54,.12);
}

.trophy-stage {
  background:
    linear-gradient(135deg, rgba(18,105,99,.97), rgba(8,30,38,.98) 68%),
    var(--regalia-deep);
}

.trophy-stage::before {
  border: 1px solid rgba(233,182,95,.5);
}

.hero, .brand { color: #fff3d6; }
.hero.landing-active { background: linear-gradient(135deg, #102c36, #126963); }
.accent-panel { background: linear-gradient(135deg, #126963, #102c36); }
.brand-logo { border: 0; border-radius: 50%; background: #102c36; object-fit: contain; box-shadow: none; }
.island-hero-logo { display: block; width: clamp(140px, 15vw, 210px); height: auto; border-radius: 50%; margin-bottom: 24px; }
h1, h2 { font-family: Georgia, 'Times New Roman', serif; }
:focus-visible { outline: 3px solid #168c87; outline-offset: 3px; }
.hero :focus-visible { outline-color: #e9b65f; }
/* Give the shared trophy artwork the league's antique-gold finish. */
.champion-trophy, .trophy-stage img { filter: sepia(1) saturate(.85) drop-shadow(0 16px 20px rgba(8,30,38,.3)); }