/* VARIABLES */
:root {
  /* Breakpoints */
  --mobile: only screen and (max-width: 479px);
  --tablet: only screen and (min-width: 480px);
  --desktop: only screen and (min-width: 770px);
  --desktop-xl: only screen and (min-width: 1025px);

  /* Colors primary */
  --green-dark: #104D2D;
  --green: #286E3C;
  --green-light: #188833;
  --green-mint: #EFF7F1;

  --black: #000000;
  --white: #ffffff;

  /* Colors accent */
  --orange: #EC6C07;
  --lime: #C5E99B;
  --purple: #91416E;
  --purple-light: #F4ECF0;

  /* Colors secondary */
  --sand-dark: #D2BC96;
  --sand: #EDE4D5;
  --sand-light: #F9F8F5;
  --earth-dark: #4A4235;
  --earth: #716453;
  --earth-light: #938469;

  /* Colors system */
  --alert: #C3453A;
  --alert-light: #FBF2F1;
  --gray-dark: #777777;
  --gray: #B6B6B6;
  --gray-light: #F1F1F1;

  /* Fonts */
  --roboto: "Roboto Condensed", Arial;
  --georgia: Georgia, "Times New Roman";

  /* Breakpoints */
  --tablet: 770px;
  --desktop: 1025px;

  /* Image paths */
  --theme-images: "../images/";

  /* DYNAMIC Styles */

  /* Buttons (defaults) */
  --green-dark-dynamic: var(--green-dark);
  --green-dynamic: var(--green);
  --green-light-dynamic: var(--green-light);
  --green-mint-dynamic: var(--green-mint);
}

/* =========================
   CHRISTMAS OVERRIDES
   (activated via body.is-christmas)
   ========================= */
body#html-body.is-christmas {
  /* Christmas colors */
  --xmas: #C3453A;
  --xmas-dark: #A73B32;
  --xmas-light: #C3453A;
  --xmas-mint: #f2e6e1;

  --green-dark-dynamic: var(--xmas-dark);
  --green-dynamic: var(--xmas);
  --green-light-dynamic: var(--xmas-light);
  --green-mint-dynamic: var(--xmas-mint);
}