/* ==========================================================================
   Design System Variables - Minna no Wedding (mwed.jp) Brand Edition
   Clean White x Mwed Emerald Teal & Navy x Champagne Gold x Subtle Rose Accent
   ========================================================================== */

:root {
  /* Brand Theme Colors */
  --color-mwed-teal: #0090A8;         /* みんなのウェディング ティールブルー */
  --color-mwed-teal-light: #E0F4F7;   /* ソフトティール背景 */
  --color-mwed-teal-dark: #006D80;
  
  --color-mwed-navy: #0F2D4A;         /* 上品なロイヤルネイビー */
  --color-mwed-navy-light: #F0F4F8;

  /* Champagne Gold */
  --color-gold-start: #DFB76C;
  --color-gold-mid: #B88E3E;
  --color-gold-end: #8C6A2D;
  --grad-gold: linear-gradient(135deg, #DFB76C 0%, #B88E3E 50%, #8C6A2D 100%);
  --grad-gold-soft: linear-gradient(135deg, #FFFDF8 0%, #FBF6EB 100%);

  /* Accent Pink (差し色程度) */
  --color-accent-rose: #C25064;
  --color-accent-rose-soft: #FFF0F3;

  /* Base Backgrounds */
  --color-bg-base: #FFFFFF;
  --color-bg-subtle: #F8FAFC;
  --color-bg-warm: #FAF9F6;
  --color-bg-teal-subtle: #F2F9FA;

  /* Text Colors */
  --color-text-primary: #1E293B;
  --color-text-secondary: #475569;
  --color-text-muted: #64748B;
  --color-text-light: #94A3B8;

  /* Borders & Shadows */
  --border-light: 1px solid #E2E8F0;
  --border-teal-subtle: 1px solid rgba(0, 144, 168, 0.25);
  --border-gold-subtle: 1px solid rgba(184, 142, 62, 0.25);

  --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 10px 24px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.1);
  --shadow-teal-soft: 0 8px 24px rgba(0, 144, 168, 0.15);
}