/* Liquid surface colors only. Typography, controls and accents keep their original colors. */
:root {
  --liquid-abyss: #012624;
  --liquid-deep: #011d1c;
  --liquid-kelp: #003734;
}

/* Raised panels keep their original text, borders and interactive states. */
.impact-card.impact-main,
.proof-demo,
#console .proof-demo.linux-terminal,
#price.pricing-section .pricing-grid > div,
.model-node {
  background: var(--liquid-kelp) !important;
}
.terminal-screen {
  background-color: var(--liquid-deep);
}

/* The dark homepage footer recedes below the main canvas; light footers stay light. */
body:has(.site-nav) footer {
  background: var(--liquid-deep);
  box-shadow: 0 0 0 100vmax var(--liquid-deep);
  clip-path: inset(0 -100vmax);
}