/* ============================================================
   theme.css — デザイントークン（ここを編集してテーマを変更）
   ============================================================ */
:root {
  /* ── Brand Colors ──────────────────────────────────── */
  --color-primary:       #D4AF37;   /* アンティークゴールド */
  --color-primary-light: #F0D060;   /* ライトゴールド       */
  --color-accent:        #F1C40F;   /* 明るいイエローゴールド */
  --color-accent-light:  #FFFACD;   /* レモンシフォン       */

  /* ── Backgrounds ───────────────────────────────────── */
  --color-bg-base:       #050505;
  --color-bg-dark:       #0a0a0a;
  --color-bg-card:       #111111;
  --color-bg-card-hover: #181510;

  /* ── Text ───────────────────────────────────────────── */
  --color-text-primary:   #FDFBF7;
  --color-text-secondary: #CDBE9F;
  --color-text-muted:     #8A7D5A;

  /* ── Gradients ──────────────────────────────────────── */
  --gradient-primary: linear-gradient(135deg, #D4AF37 0%, #F1C40F 100%);
  --gradient-hero:    linear-gradient(180deg, transparent 0%, rgba(5,5,5,0.5) 60%, #050505 100%);

  /* ── Typography ─────────────────────────────────────── */
  --font-display: 'Cinzel', 'Noto Serif JP', serif;
  --font-body:    'Noto Serif JP', serif;
  --font-en:      'Cinzel', serif;

  --font-size-hero:          clamp(2.8rem, 9vw,  5.5rem);
  --font-size-tagline:       clamp(0.95rem, 2.5vw, 1.35rem);
  --font-size-section-title: clamp(1.7rem,  4vw,   2.6rem);

  /* ── Layout ─────────────────────────────────────────── */
  --section-padding:   clamp(4rem, 8vw, 8rem);
  --container-max:     1200px;
  --container-padding: clamp(1rem, 5vw, 3rem);

  /* ── Components ─────────────────────────────────────── */
  --radius-card: 2px;
  --radius-btn:  2px;

  /* ── Shadows & Glow ─────────────────────────────────── */
  --shadow-card:         0 8px 32px rgba(0,0,0,0.65);
  --glow-primary:        0 0 20px rgba(212,175,55,0.2);
  --glow-accent:         0 0 20px rgba(241,196,15,0.2);

  /* ── Transitions ────────────────────────────────────── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: all 0.3s var(--ease);

  /* ── Borders ────────────────────────────────────────── */
  --border-subtle: 1px solid rgba(212,175,55,0.15);
  --border-accent: 1px solid rgba(212,175,55,0.45);
}