/* ==========================================================================
   Wedding Management App - Design Tokens & Theme Variables
   カラーパレット・フォント・アニメーション変数定義

   【簡単復元用テーマ切り替え】
   htmlタグまたはbodyタグに `data-theme="original"` を指定すると元のカラーパレットに戻せます。
   ========================================================================== */

:root {
  /* --- JWマリオット東京 公式カラーパレット (JW Marriott Official Hotel Palette) --- */
  --primary-gold: #C6A868;       /* JWマリオット ブロンズゴールド */
  --primary-gold-hover: #B59552; /* 深みのあるJWゴールド */
  --primary-gold-light: #F3ECDC; /* シャンパンゴールドライト */
  
  --bg-paper: #F8F6F0;            /* メイン背景: JWプラチナムウォームアイボリー */
  --bg-card: rgba(255, 255, 255, 0.72); /* グラスモフィズムカード背景 */
  --bg-card-hover: rgba(255, 255, 255, 0.88);
  
  --text-primary: #1E2024;       /* 本文テキスト: JWオブシディアンチャコール */
  --text-secondary: #5A5D64;     /* サブテキスト: エレガントスレート */
  --text-muted: #8E929B;         /* 補足テキスト */
  
  --accent-sage: #6B7B6E;        /* JWラグジュアリーグリーン */
  --accent-rose: #C89B8C;        /* JWローズゴールド */
  
  --border-glass: rgba(198, 168, 104, 0.28); /* グラスカード枠線 */
  --shadow-soft: 0 12px 32px rgba(30, 32, 36, 0.07);
  --shadow-glow: 0 16px 40px rgba(198, 168, 104, 0.18);

  /* --- アンビエントグラデーションにじみ色 --- */
  --ambient-1: rgba(198, 168, 104, 0.14); /* JWゴールド */
  --ambient-2: rgba(107, 123, 110, 0.10); /* スレートグリーン */
  --ambient-3: rgba(200, 155, 140, 0.08); /* ローズゴールド */

  /* --- フォントファミリー --- */
  --font-serif-en: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-serif-jp: 'Noto Serif JP', 'Yu Mincho', serif;
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Noto Sans JP', sans-serif;

  /* --- 画面サイズ・ブレークポイント変数 --- */
  --container-max-width: 1000px;
  --header-height: 72px;
  
  /* --- 角丸・イージング --- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;
  
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 元のテーマへワンタッチで簡単に復元できるCSS属性セット */
[data-theme="original"] {
  --primary-gold: #C5A059;
  --primary-gold-hover: #B28C46;
  --primary-gold-light: #F4E8D1;
  --bg-paper: #FAF8F5;
  --text-primary: #2C2A29;
  --text-secondary: #6B6560;
  --text-muted: #9E968F;
  --border-glass: rgba(197, 160, 89, 0.25);
  --shadow-soft: 0 12px 32px rgba(44, 42, 41, 0.06);
  --shadow-glow: 0 16px 40px rgba(197, 160, 89, 0.15);
}

/* その他のテーマ拡張フック */
[data-theme="rose-gold"] {
  --primary-gold: #D8A499;
  --primary-gold-hover: #C68E82;
  --border-glass: rgba(216, 164, 153, 0.3);
}