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

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

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

@font-face {
  font-family: "Makinas4";
  src:
    url("../fonts/makinas4/Makinas-4-Flat.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Makinas4";
  src:
    url("../fonts/makinas4/Makinas-4-Square.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --rb-foam: #f7e7c6;
  --rb-cream: #edd7ab;
  --rb-caramel: #b97235;
  --rb-amber: #8f4f1f;
  --rb-dark: #3d2314;
  --rb-wood: #5a3318;
  --rb-ink: #2a170d;
  --rb-line: #d1b17f;
  --rb-spark: #ffd67c;
  --rb-card: #fffaf2;
  --rb-card-strong: #fff8ec;
  --rb-shadow-soft: 0 10px 26px rgba(61, 35, 20, 0.1);
  --rb-shadow-strong: 0 16px 34px rgba(61, 35, 20, 0.16);
  --rb-display-font: "IkahoAlphabet", "IkahoHiragana", "IkahoKatakana", "Kaisei Decol", "M PLUS Rounded 1c", "Noto Sans JP", serif;
  --rb-body-font: "Makinas4", "BIZ UDPGothic", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

body.jrb-rootbeer-theme {
  color: var(--rb-ink);
  font-family: var(--rb-body-font);
  line-height: 1.75;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 214, 124, 0.2), transparent 30%),
    radial-gradient(circle at 85% 15%, rgba(255, 245, 220, 0.45), transparent 24%),
    linear-gradient(180deg, #fffdf8 0%, #fff7eb 46%, #f9efdc 100%);
}

.jrb-rootbeer-theme ::selection {
  background: rgba(185, 114, 53, 0.28);
  color: #2a170d;
}

.jrb-rootbeer-theme a {
  color: var(--rb-amber);
}

.jrb-rootbeer-theme a:hover {
  color: var(--rb-dark);
}