:root {
  --bg-0: #07101b;
  --bg-1: #102033;
  --bg-2: #17304b;
  --panel: rgba(10, 19, 33, 0.82);
  --panel-soft: rgba(255, 255, 255, 0.06);
  --panel-strong: rgba(14, 28, 48, 0.92);
  --text: #edf6ff;
  --muted: #92aac5;
  --line: rgba(170, 214, 255, 0.14);
  --shadow: 0 24px 56px rgba(2, 8, 20, 0.38);
  --gold: #70d6ff;
  --gold-2: #94f7d8;
  --teal: #70d6ff;
  --rose: #ffd277;
}

.review-shell {
  width: min(100%, 1460px);
  padding: 0;
}

.hero-card,
.panel,
.status-card,
.selected-pet-card,
.formula-card,
.bonus-card,
.meta-box,
.stat-box,
.metric-card,
.field,
.modifier-option,
.pet-row,
.search-box,
.bonus-item,
.empty-box,
.sample-table th,
.sample-table td {
  border-color: rgba(170, 214, 255, 0.14) !important;
}

.hero-card,
.panel,
.status-card,
.selected-pet-card,
.formula-card,
.bonus-card,
.meta-box,
.stat-box,
.metric-card,
.field,
.modifier-option,
.pet-row,
.search-box,
.bonus-item,
.empty-box {
  background:
    linear-gradient(155deg, rgba(13, 25, 43, 0.94), rgba(8, 14, 26, 0.88)) !important;
  box-shadow: 0 22px 54px rgba(2, 8, 20, 0.34);
}

.hero-card {
  background:
    radial-gradient(circle at top left, rgba(112, 214, 255, 0.16), transparent 28%),
    radial-gradient(circle at bottom right, rgba(149, 134, 255, 0.10), transparent 26%),
    linear-gradient(155deg, rgba(13, 25, 43, 0.96), rgba(8, 14, 26, 0.92)) !important;
}

.eyebrow,
.pill,
.tag-pill,
.status-line,
.status-line.error {
  color: #b8daf8 !important;
}

.hero-copy h1,
.panel-head h2,
.modifier-head h3,
.formula-card h3,
.bonus-card h3,
.selected-pet-main h3,
.stat-box strong,
.metric-card strong,
.bonus-item strong {
  color: #f5fbff !important;
}

.hero-text,
.selected-pet-main p,
.modifier-head p,
.bonus-note,
.warning-text,
.meta-box p,
.meta-box li,
.pet-row-main small,
.bonus-item p,
.bonus-item small,
.field span,
.stat-box span,
.metric-card span {
  color: var(--muted) !important;
}

.ghost-btn {
  color: #eaf6ff !important;
  border-color: rgba(170, 214, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.ghost-btn:hover {
  border-color: rgba(170, 214, 255, 0.28) !important;
}

.search-box i,
.pet-row-arrow,
.tag-pill,
.pill {
  color: #9ee1ff !important;
}

.tag-pill,
.pill {
  border-color: rgba(170, 214, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #e7f4ff !important;
}

.selected-pet-avatar,
.pet-row-avatar-wrap {
  background: rgba(255, 255, 255, 0.06) !important;
}

.stat-emphasis,
.metric-highlight {
  background:
    radial-gradient(circle at top left, rgba(112, 214, 255, 0.12), transparent 34%),
    linear-gradient(155deg, rgba(13, 25, 43, 0.94), rgba(8, 14, 26, 0.88)) !important;
}

.field input,
.field select,
.search-box input {
  color: var(--text) !important;
}

.empty-box {
  color: var(--muted) !important;
}

.selected-tags .tag-pill,
#selected_modifier_tags .tag-pill {
  background:
    linear-gradient(155deg, rgba(16, 29, 48, 0.94), rgba(10, 18, 31, 0.88)) !important;
  border-color: rgba(170, 214, 255, 0.18) !important;
  color: #dff1ff !important;
}

.warning-text {
  color: #ffd9a1 !important;
}