/**
 * 择吉日历 H5 全站设计变量
 * 用于风格统一：主色金、圆角、阴影、间距、字体
 */

:root {
  /* ========== 品牌色 ========== */
  --primary: #d4af37;
  --primary-dark: #b8962e;
  --primary-light: #e8c95a;
  --primary-rgb: 212, 175, 55;
  /* 与 fortune.css / my.css 兼容 */
  --primary-color: #d4af37;

  /* 辅助色：吉/日历强调（与 calendar-haoyun 一致） */
  --accent-green: #00cc66;
  --accent-green-dark: #00a352;
  --accent-amber: #f59e0b;

  /* 中性色 */
  --text-primary: #333;
  --text-secondary: #666;
  --text-muted: #999;
  --border: #e0e0e0;
  --border-light: #eee;
  --bg-page: #f5f5f5;
  --bg-card: #fff;
  --bg-warm: #f5f0e6;
  --bg-warm-end: #e8e0d0;

  /* ========== 布局与间距 ========== */
  /* 顶部导航栏统一高度，全站使用 .unified-navbar (common.css) */
  --header-height: 50px;
  --nav-bottom-height: 60px;
  --content-padding: 15px;
  --content-padding-lg: 20px;
  --gap-sm: 8px;
  --gap-md: 12px;
  --gap-lg: 16px;
  --gap-xl: 24px;

  /* ========== 圆角与阴影 ========== */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-nav: 0 -2px 8px rgba(0, 0, 0, 0.1);

  /* ========== 字体 ========== */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ========== 主渐变（金系，替代原紫色） ========== */
  --gradient-primary: linear-gradient(135deg, #d4af37 0%, #b8962e 50%, #e8c95a 100%);
  --gradient-primary-solid: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);

  /* ========== 统一导航栏 ========== */
  --navbar-height: 50px;
  --navbar-bg: #fff;
  --navbar-title-size: 18px;
  --navbar-title-weight: 600;
  --navbar-title-color: var(--text-primary);
  --navbar-back-size: 24px;
  --navbar-back-color: var(--text-primary);
  --navbar-shadow: var(--shadow-md);
  --navbar-z-index: 1000;
  
  /* ========== 统一弹窗 ========== */
  --modal-radius: var(--radius-lg);
  --modal-shadow: var(--shadow-lg);
  --modal-mask-bg: rgba(0, 0, 0, 0.5);
  --modal-z-index: 9999;
  --modal-animation-duration: 300ms;
  
  /* ========== 操作面板 ========== */
  --action-sheet-radius: var(--radius-xl);
  --action-sheet-item-height: 56px;
  
  /* ========== 空状态 ========== */
  --empty-icon-size: 64px;
  --empty-text-color: var(--text-muted);
  --empty-text-size: var(--font-size-sm);
}