/* Variables */
:root {
  /* Primary color palette */
  --dark-teal: #03323a;
  --medium-teal: #377d84;
  --bright-teal: #005c62;

  /* Extended palette for variety */
  --light-teal: #6aacb1;
  --pale-teal: #d0e8ea;
  --sand: #e6d7b8;
  --wood: #9e7e5a;
  --dark-wood: #5d4a36;
  --gold: #aa902e;

  /* Text colors */
  --text-dark: #1a2a2d;
  --text-medium: #4a5e61;
  --text-light: #f5f5f5;

  /* Spacing variables */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;

  /* Font families */
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Open Sans", sans-serif;
  --font-serif: "Playfair Display", "Georgia", serif;
}