@font-face {
  font-family: "S-Life YuGothic";
  src:
    local("YuGo-Medium"),
    local("YuGothic-Medium"),
    local("YuGothic Medium"),
    local("Yu Gothic Medium"),
    local("游ゴシック体 ミディアム");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "S-Life YuGothic";
  src:
    local("YuGo-Bold"),
    local("YuGothic-Bold"),
    local("YuGothic Bold"),
    local("Yu Gothic Bold"),
    local("游ゴシック体 ボールド");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "S-Life Noto Serif JP";
  src: url("../assets/fonts/noto-serif-jp-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "S-Life Akshar";
  src: url("../assets/fonts/akshar-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  --color-bg-light: #f5f0eb;
  --color-bg-dark: #41311e;
  --color-text-white: #ffffff;
  --color-text-primary: #1a1410;
  --color-text-muted: #7a6555;
  --color-accent: #b88f52;
  --color-gold: #c4a882;
  --color-red: #862b2e;
  --color-brown: #8c633e;
  --gradient-gold: linear-gradient(88deg, #c4a882 3%, #f0d5b0 99%);
  --gradient-dark: linear-gradient(84deg, #332616 1%, #554430 98%);
  --gradient-red: linear-gradient(180deg, #a83a3e 0%, #8d292c 50%, #631316 100%);
  --gradient-price: linear-gradient(162deg, #8d292c 33%, #da5a5e 65%, #8d292c 105%);
  --shadow-card-brown: 9px 9px 0 rgba(140, 99, 62, 0.4);
  --shadow-card-gold: 9px 9px 0 rgba(196, 168, 130, 0.4);
  --shadow-button: 0 4px 2px rgba(0, 0, 0, 0.25);
  --font-yu: "YuGothic", "Yu Gothic", "游ゴシック体", "S-Life YuGothic", "Noto Sans JP", sans-serif;
  --font-noto: "Noto Sans JP", sans-serif;
  --font-serif: "Noto Serif JP", "S-Life Noto Serif JP", "Yu Mincho", serif;
  --font-display: "Akshar", "S-Life Akshar", "Arial Narrow", sans-serif;
  --container: 1200px;
  --header-height: 73px;
  --radius-button: 5px;
}