/* Generated by spikes/brand/scripts/compose.ts; do not edit. */
:root {
  --pp-bg: #07140F;
  --pp-surface: #0E2A1E;
  --pp-accent: #35E07A;
  --pp-text: #FFFFFF;
  --pp-muted: #A9C4B6;
  /* RGB triplets of the dark values for translucent uses; they never flip (--pp-bg-rgb is the studio ink). */
  --pp-bg-rgb: 7 20 15;
  --pp-accent-rgb: 53 224 122;
  --pp-text-rgb: 255 255 255;
  --pp-muted-rgb: 169 196 182;
  /* The studio (the masthead) stays dark in both themes. */
  --pp-studio-bg: #07140F;
  --pp-studio-text: #FFFFFF;
  --pp-studio-muted: #A9C4B6;
}

@media (prefers-color-scheme: light) {
  :root {
    --pp-bg: #F4F7F5;
    --pp-surface: #FFFFFF;
    --pp-text: #07140F;
    --pp-muted: #3F5A4C;
  }
}