/* ===================================
   Brand Styles | Colors, Spacing and Typefaces
   =================================== */

@font-face {
  font-family: "Friend-Regular";
  src: url("../fonts/Friend-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MackinacPro";
  src: url("../fonts/P22Mackinac-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #1f3c2b;       
  --color-primary-hover: #2e5a42;
  --color-primary-active: #162c20;

  --color-secondary: #d9a441;     
  --color-secondary-hover: #e6b75c;
  --color-secondary-active: #b88a34;

  --color-accent: #c44536;       
  --color-accent-hover: #d45a4b;

  --color-text: var(--color-dark);
  --color-text-secondary: var(--color-gray-700);

  --color-fg: #111111;
  --color-primary: #0073e6;
  --color-beige: #e5dbc9;
  --color-beige-hover: #c6af8b;
  --color-text: #333333;

  --font-primary: "Friend-Regular", sans-serif;
  --font-body: "MackinacPro", sans-serif;
  
  --ease-elastic: linear(
    0,
    0.55 7.5%,
    0.85 12%,
    0.95 14%,
    1.03 16.5%,
    1.09 20%,
    1.13 22%,
    1.14 23%,
    1.15 24.5%,
    1.15 26%,
    1.13 28%,
    1.11 31%,
    1.05 39%,
    1.02 43%,
    0.99 47%,
    0.98 52%,
    0.97 59%,
    1.002 81%,
    1
  );
}

[data-theme="dark"] {
  --color-bg: #0b0b0c;
  --color-fg: #f5f5f6;
  --color-primary: #7bb0ff;
}