/* Homepage surface system — subtle dark variations */

.page-home .surface-void {
  background: var(--surface-void);
}

.page-home .surface-basalt {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(23, 23, 23, 0.4), transparent 55%),
    linear-gradient(180deg, #101010 0%, #0a0a0a 100%);
}

.page-home .surface-obsidian {
  background: var(--surface-obsidian);
}

.page-home .surface-elevated {
  background:
    linear-gradient(180deg, var(--surface-elevated) 0%, #0b0b0b 100%);
}

.page-home .surface-live {
  background:
    radial-gradient(ellipse 70% 60% at 70% 40%, rgba(94, 9, 12, 0.16), transparent 55%),
    linear-gradient(180deg, #0b0b0d 0%, #070708 100%);
}

.page-home .surface-breath {
  background: var(--surface-breath);
}

.page-home .surface-professional {
  background: var(--surface-professional);
}