@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-italic-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format("woff2");
}

:root {
  color-scheme: dark;

  --bg: #0e0b08;
  --bg-2: #16110c;
  --card: rgba(30, 23, 16, 0.72);
  --card-solid: #1a140e;
  --line: rgba(243, 234, 220, 0.09);
  --line-2: rgba(243, 234, 220, 0.18);
  --ink: #f3eadc;
  --ink-2: #cfc3ae;
  --ink-3: #9a8e7b;
  --accent: #e8a54b;
  --accent-ink: #1a120a;
  --glow: rgba(232, 165, 75, 0.16);

  --up: #86d39a;
  --down: #ea8466;

  --depth: #e3a449;
  --flow: #4db5bf;
  --heat: #e2653d;
  --calm: #4fbf87;
  --vault: #e8a54b;
  --share: #b07cff;
  --cover: #e889b8;

  --serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r1: 10px;
  --r2: 16px;
  --r3: 24px;

  --t-fast: 180ms;
  --t-mid: 320ms;
  --t-slow: 900ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  --wrap: 1080px;
}

.shore-xrpl {
  --bg: #0a0d12;
  --bg-2: #0f141b;
  --card: rgba(18, 24, 34, 0.74);
  --card-solid: #121925;
  --accent: #8fb0f0;
  --accent-ink: #0b1220;
  --glow: rgba(143, 176, 240, 0.14);
}

.shore-firelight {
  --bg: #0c0a10;
  --bg-2: #13101a;
  --card: rgba(26, 21, 34, 0.74);
  --card-solid: #191421;
  --accent: #e8a54b;
  --glow: rgba(176, 124, 255, 0.12);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4eee3;
  --bg-2: #ece4d6;
  --card: rgba(255, 252, 246, 0.8);
  --card-solid: #fffcf6;
  --line: rgba(40, 28, 16, 0.1);
  --line-2: rgba(40, 28, 16, 0.2);
  --ink: #221910;
  --ink-2: #4a3d2e;
  --ink-3: #7a6b58;
  --accent: #a8641c;
  --accent-ink: #fffaf2;
  --glow: rgba(168, 100, 28, 0.12);
  --up: #2f8a4a;
  --down: #b24a2c;
}