/* Dream-specific overlay on the shared darklake design system.
   Subtle moonlight palette shift — same family as Fathom and Sigil,
   slightly cooler/violet to match the crescent-moon emblem. */

:root {
  --dream-bright: #d2dfff;  /* moonlight */
  --dream-cool:   #8fa8e8;
  --dream-deep:   #4a5db8;
  --dream-shadow: #1a2240;
}

body.dream {
  background:
    radial-gradient(1400px 600px at 50% -10%, rgba(143, 168, 232, 0.06), transparent 60%),
    var(--bg-primary);
}

.brand-name-dream {
  background: linear-gradient(135deg, var(--dream-bright), var(--dream-cool));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text-dream {
  background: linear-gradient(135deg, var(--dream-bright), var(--dream-cool), var(--dream-deep));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 200%;
  animation: gradientShift 5s ease infinite;
}

.badge-dream {
  background: rgba(143, 168, 232, 0.08);
  border-color: rgba(143, 168, 232, 0.25);
  color: var(--dream-cool);
}

.badge-dream .badge-dot {
  background: var(--dream-cool);
}

/* Benchmarks table */
.benchmarks {
  padding: 80px 0;
  background:
    radial-gradient(800px 400px at 50% 50%, rgba(74, 93, 184, 0.05), transparent 70%);
}

.bench-table-wrap {
  margin-top: 40px;
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 32px;
}

.bench-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.bench-table th,
.bench-table td {
  padding: 14px 16px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}

.bench-table th {
  color: var(--text-secondary);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.bench-muted {
  display: block;
  color: var(--text-muted);
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.bench-table tbody tr:last-child td {
  border-bottom: none;
}

.bench-strong {
  color: var(--dream-bright);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.bench-table td {
  font-variant-numeric: tabular-nums;
}

.bench-note {
  margin-top: 20px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.65;
}

.bench-note code,
.bench-note strong {
  color: var(--text-primary);
}

.bench-note code {
  background: rgba(255, 255, 255, 0.05);
  padding: 1px 6px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
}