:root {
  --color-cream: #FFFDF4;
  --color-cream-light: #FAFAF2;
  --color-light: #FFFFFF;

  --color-ink: #1D231C;
  --color-ink-soft: #383D36;

  --color-text-subtle: #A5A7A4;
  --color-text-muted: #6F716A;

  --color-accent: #64181C;

  --color-surface-brown: #39221B;
  --color-surface-olive: #3D371E;
  --color-sage: #717E71;
  --color-audience-active: #C6D4C6;

  --color-scrim-soft: rgba(29, 35, 28, 0.64);
  --color-scrim: rgba(29, 35, 28, 0.80); 

  --font-family-base: "Inter", sans-serif;
  --font-family-secondary: "Playfair Display", serif;

  --container-width: 1552px;
  --container-padding-x: 16px;

  --transition-duration: 250ms;
}