/* Globally defined variables, providing consistent values for styling used throughout the site. */

:root {

  --wp--preset--color--base: #FFF;

  /* COLOR PALETTE - Light (100) to Dark (900) */

  --primary-100: #fff; 
  --primary-200: #7b7b7b;
  --primary-300: #000000; 
  
  --accent-100: #000000;
  --accent-200: #000000;
  --accent-300: #000000;

  --neutral-100: #000000;
  --neutral-200: #000000;
  --neutral-300: #000000;


  /* WEB ELEMENTS */

  --btn-primary-default: #9BA683;
  --btn-primary-label: #fff;
  --btn-primary-hover: #929f76;

  --btn-secondary-default: #3A4739;
  --btn-secondary-label: #FFFFFF;
  --btn-secondary-hover: #2e3a2d;

  --btn-tertiary-default: #FFFFFF;
  --btn-tertiary-label: #3A4739;
  --btn-tertiary-hover: #3A4739;


  /* TEXT ELEMENTS */

  --text-dark: #3A4639;
  --text-light: #FFF;
  --heading-dark: #3A4639;
  --heading-light: #3A4639;
  --link-dark: #3A4639;
  --link-light: #3A4639;

  --spacing-h1: 0 0 1.25rem 0;
  --spacing-headings: 3rem 0 1.25rem 0;
  --spacing-paragraph: 0 0 1.25rem 0;

  /* ICONS */
  --search-icon: url('../img/search.svg');

}