/* ============================================================
 * madoutv · 全局CSS变量
 * 黑金质感色彩方案 + 字体 + 间距
 * ============================================================ */
:root {
  /* 色彩系统 */
  --primary: #1A1A2E;
  --secondary: #E6B422;
  --bg: #0F0F1A;
  --card-bg: #2A2A3E;
  --accent: #FFD700;
  --text: #F5F5F5;
  --text-muted: #A0A0B0;
  --border-color: rgba(230, 180, 34, 0.2);

  /* 渐变 */
  --gradient-overlay: linear-gradient(180deg, rgba(15,15,26,0) 0%, rgba(15,15,26,0.6) 60%, rgba(15,15,26,0.95) 100%);
  --gradient-gold: linear-gradient(135deg, #FFD700 0%, #E6B422 50%, #A8821A 100%);
  --gradient-dark: linear-gradient(180deg, var(--primary) 0%, var(--bg) 100%);

  /* 字体 */
  --font-display: 'Oswald', 'Bebas Neue', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Inter', 'Roboto', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-serif: 'Playfair Display', 'Cormorant Garamond', 'Noto Serif SC', serif;

  /* 间距 */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* 圆角与阴影 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-soft: 0 8px 28px rgba(0,0,0,0.45);
  --shadow-gold: 0 8px 32px rgba(255,215,0,0.18);

  /* 容器 */
  --container-max: 1440px;
  --container-pad: clamp(1rem, 4vw, 3rem);

  /* 过渡 */
  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast: .2s var(--ease);
  --t-base: .4s var(--ease);
  --t-slow: .8s var(--ease);
}