/**
 * base.css - 全体共通ベーススタイル (Monster Hunter Wilds Theme)
 */

:root {
    /* Monster Hunter Wilds Theme Colors */
    --mhw-orange: #d4692a;
    --mhw-orange-dark: #a34d1f;
    --mhw-brown-dark: #1a1614;
    --mhw-brown: #2d2620;
    --mhw-brown-light: #3d3530;
    --mhw-gold: #d4a752;
    --mhw-text: #e8e4df;
    --mhw-text-muted: #b8b4af;
}

/* リセットCSS */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background: linear-gradient(135deg, var(--mhw-brown-dark) 0%, var(--mhw-brown) 100%);
  color: var(--mhw-text);
  line-height: 1.6;
  min-height: 100vh;
}

/* リンクのデフォルトスタイル */
a {
  color: var(--mhw-orange);
  text-decoration: none;
}

a:hover {
  color: var(--mhw-gold);
  text-decoration: underline;
}

/* ボタンのデフォルトスタイル */
button {
  font-family: inherit;
}

/* 画像のレスポンシブ */
img {
  max-width: 100%;
  height: auto;
}

/* ユーティリティクラス */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}