/* Design tokens. The only file allowed to define raw colors (see design-system.config.json). */
:root {
  --brown-deep: #3d2b1f;
  --brown-mid: #6b4c38;
  --brown-light: #8b6f5c;
  --cream: #f5efe2;
  --cream-dark: #ede4d0;
  --cream-white: #fbf7f0;
  --tan: #d4c4a8;
  --gold: #c8a96e;
  --gold-light: #fff8ec;
  --red: #c8102e;
  --green: #15803d;
  --green-light: #dcfce7;
  --white: #ffffff;
  --text: #000000;
  --footer-bg: #1e140d;
  --font-serif: "Libre Baskerville", serif;
  --font-sans: "DM Sans", sans-serif;
  --nav-height: 64px;

  /* Translucent and one-off colors. Values match what styles.css used inline. */
  --white-65: rgba(255, 255, 255, 0.65);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-08: rgba(255, 255, 255, 0.08);
  --cream-white-90: rgba(251, 247, 240, 0.9);
  --backdrop: rgba(0, 0, 0, 0.45);
  --modal-backdrop: rgba(0, 0, 0, 0.5);
  --shadow-brown: rgba(61, 43, 31, 0.2);
  --shadow-dark: rgba(0, 0, 0, 0.2);
  --credit-green: #4caf50;
  --credit-text: #555;
}