/* From design/tokens.json. Regenerate: php website/scripts/tokens.php */
:root {
  --pageBackground: #FAF8F3;
  --surface: #FFFFFF;
  --wash: #F0ECE4;
  --hairline: #DDD7CC;
  --primaryText: #1B1A18;
  --secondaryText: #5E5A53;
  --accent: #A51C1C;
  --onAccent: #FFFFFF;
  --swatchEdge: #857E72;
}
@media (prefers-color-scheme: dark) {
  :root {
    --pageBackground: #131211;
    --surface: #1D1B19;
    --wash: #272522;
    --hairline: #36332F;
    --primaryText: #ECE8E1;
    --secondaryText: #A9A399;
    --accent: #EE8273;
    --onAccent: #131211;
    --swatchEdge: #7D776C;
  }
}