/* ==========================================================================
   冒険者の目安箱 - デザインシステム (Design Tokens & Variables)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Noto+Serif+JP:wght@400;600;700;900&family=Shippori+Mincho:wght@500;700;800&display=swap');

:root {
  /* ファンタジーカラーパレット (王宮・羊皮紙・木・金属) */
  --bg-sky-top: #1a2f4c;
  --bg-sky-bottom: #3a6080;
  --bg-kingdom-overlay: rgba(18, 25, 38, 0.75);

  /* 羊皮紙 (Parchment) トーン */
  --parchment-base: #f7f1e1;
  --parchment-light: #fffcf4;
  --parchment-dark: #e6dac1;
  --parchment-border: #b89b72;
  --parchment-shadow: rgba(43, 29, 14, 0.35);

  /* 木製 & 鉄・真鍮 (Wood & Brass/Metal) トーン */
  --wood-dark-top: #5c3818;
  --wood-dark-bottom: #3b220c;
  --wood-border: #231204;
  
  --metal-gold-top: #f7d279;
  --metal-gold-mid: #d4a343;
  --metal-gold-bottom: #8c6019;
  --gold-glow: rgba(247, 210, 121, 0.6);

  --metal-bronze-top: #8c7355;
  --metal-bronze-bottom: #52412e;

  /* テキストカラー */
  --text-primary: #2c1d11;      /* 羊皮紙上の深みのあるインク色 */
  --text-secondary: #5c4738;    /* サブテキスト */
  --text-muted: #8c7563;        /* 薄いテキスト */
  --text-gold: #f5e4b3;         /* ダーク背景用ゴールドテキスト */
  --text-gold-bright: #fff2c4;

  /* アクション＆アクセント */
  --accent-red: #9e2a2b;
  --accent-red-hover: #b83234;
  --accent-green: #2e6f40;
  --accent-blue: #2b5b84;

  /* シャドウ定義 */
  --shadow-drop-deep: 0 12px 28px rgba(0, 0, 0, 0.5);
  --shadow-parchment: 0 6px 16px rgba(45, 30, 15, 0.15), inset 0 0 40px rgba(180, 150, 110, 0.2);
  --shadow-button: 0 4px 8px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  --shadow-inset-box: inset 0 2px 6px rgba(0, 0, 0, 0.4);

  /* フォント定義 */
  --font-serif: 'Shippori Mincho', 'Noto Serif JP', Georgia, serif;
  --font-title: 'Cinzel', 'Shippori Mincho', serif;
  --font-body: 'Noto Serif JP', serif;

  /* 角丸 & ボーダー */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 9999px;

  /* トランジション */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}