:root {
  /* Colors */
  --color-dark-gray: #484848;
  --color-light-gray: #8c8478;
  --color-brown: #b68c60;
  --color-black: #1a1714;
  --color-wihte-dark:#f5f0e8;
  --color-wihte-light:#faf8f4;
  --color-gray: #777;
  --color-gold: #b89d72;

  --white:#ffffff;
  --text:#2b2b2b;
  --text-light:#6f6f6f;
  --line:#e5e2dc;

  --brown-transparent:#8a7a6322;

  /* Backgrounds */
  --bg-dark: #f5f0e8;
  --bg-light: #faf8f4;

  /* Fonts */
  --font-primary: "Open Sans", sans-serif;

  --transition:.35s ease;

  /* Spacing */
  --space-sm: 4px;
  --space-md: 12px;
  --space-lg: 20px;
  --space-xl: 20px;

  /* Container */
  --container: 1200px;
}