/* ============================================================
   菇小二 · 绿色主题设计令牌 (Design Tokens)
   源自 Android Color.kt —— 宝塔绿 #20A53A 全站统一
   所有变量以 --gx- 前缀命名，避免与现有 tailwind-compat 冲突
   ============================================================ */

:root {
  /* ============================================================
     1. 品牌主色（Primary · 宝塔绿）
     ============================================================ */
  --gx-primary: #20A53A;
  --gx-primary-dark: #178A2E;
  --gx-primary-light: #4DBF62;
  --gx-primary-bg-faint: rgba(32, 165, 58, 0.08);   /* 图标浅背景 10% */
  --gx-primary-bg-light: rgba(32, 165, 58, 0.12);   /* 选中态背景 */
  --gx-primary-bg-soft: rgba(32, 165, 58, 0.20);    /* 悬停背景 */
  --gx-primary-border-light: rgba(32, 165, 58, 0.25);
  --gx-gradient-primary: linear-gradient(135deg, #20A53A 0%, #178A2E 100%);
  --gx-gradient-primary-soft: linear-gradient(135deg, rgba(32,165,58,0.30) 0%, rgba(32,165,58,0.08) 100%);

  /* ============================================================
     2. 辅助色（Secondary）
     ============================================================ */
  --gx-secondary: #4DBF62;
  --gx-secondary-light: #A5D6A7;
  --gx-gradient-success: linear-gradient(135deg, #4DBF62 0%, #34C759 100%);

  /* ============================================================
     3. 强调色（Tertiary · 橙色）
     ============================================================ */
  --gx-tertiary: #FF8800;
  --gx-tertiary-light: #FFE0B2;
  --gx-tertiary-bg-faint: rgba(255, 136, 0, 0.10);
  --gx-tertiary-bg-soft: rgba(255, 136, 0, 0.20);
  --gx-gradient-warning: linear-gradient(135deg, #FF8800 0%, #E65100 100%);

  /* ============================================================
     4. 功能语义色
     ============================================================ */
  --gx-success: #34C759;
  --gx-success-bg: rgba(52, 199, 89, 0.10);
  --gx-success-text: #178A2E;

  --gx-error: #FF3B30;
  --gx-error-bg: rgba(255, 59, 48, 0.10);
  --gx-error-text: #D32F2F;
  --gx-error-border: #EF9A9A;

  --gx-warning: #FF8800;
  --gx-warning-bg: rgba(255, 136, 0, 0.10);
  --gx-warning-text: #E65100;

  --gx-info: #1565C0;
  --gx-info-bg: rgba(21, 101, 192, 0.10);

  --gx-danger: #FF3B30;
  --gx-gradient-danger: linear-gradient(135deg, #FF3B30 0%, #C62828 100%);

  /* ============================================================
     5. 背景色（Background）
     ============================================================ */
  --gx-bg-page: #F2F3F0;        /* PageBg 页面背景 · 淡灰 */
  --gx-bg-card: #FFFFFF;        /* CardSurface 卡片背景 · 纯白 */
  --gx-bg-card-warm: #FCFAF7;   /* 暖白卡片 */
  --gx-bg-moss: #EDF5E8;        /* 苔绿浅底 · 首页特色区 */
  --gx-bg-earth: #F5F0E8;       /* 大地浅底 · 首页暖色区 */
  --gx-bg-overlay: rgba(0, 0, 0, 0.50);  /* 侧边栏遮罩 */
  --gx-bg-hover: rgba(0, 0, 0, 0.04);
  --gx-bg-active: rgba(0, 0, 0, 0.06);

  /* ============================================================
     6. 文字色（Text）
     ============================================================ */
  --gx-text-primary: #1D2129;    /* OnSurface 主文字 */
  --gx-text-secondary: #6D6D6D;  /* TextSecondary 次要 */
  --gx-text-placeholder: #8E8E93;/* TextPlaceholder 占位 */
  --gx-text-tertiary: #8A8F98;   /* TextTertiary 辅助 */
  --gx-text-disabled: #BDBDBD;
  --gx-text-on-primary: #FFFFFF; /* OnPrimary 白色反白 */
  --gx-text-on-dark: #1D2129;
  --gx-text-muted: #999999;
  --gx-text-dark: #1A1A1A;
  --gx-text-price: #FF3B30;      /* 价格红 */

  /* ============================================================
     7. 边框与分割线（Border / Divider）
     ============================================================ */
  --gx-border: #E5E5E5;          /* BorderColor 精确边框 */
  --gx-border-light: #F0F0F0;    /* BorderLight 浅边框 */
  --gx-border-disabled: #DDDDDD; /* 禁用态边框 */
  --gx-divider: #EEEEEE;         /* SubtleBg 分割线 */
  --gx-border-input-active: rgba(32, 165, 58, 0.60);
  --gx-border-unselected: #E0DDD8;

  /* ============================================================
     8. 导航栏（Navigation）
     ============================================================ */
  --gx-nav-bg: #FFFFFF;          /* NavBackground 白底 */
  --gx-nav-selected: #20A53A;    /* NavSelected 选中绿 */
  --gx-nav-unselected: #999999;  /* NavUnselected 未选灰 */
  --gx-sidebar-bg: var(--gx-gradient-primary);
  --gx-sidebar-text: rgba(255, 255, 255, 0.85);
  --gx-sidebar-text-active: #FFFFFF;
  --gx-sidebar-hover: rgba(255, 255, 255, 0.10);

  /* 移动端底部导航（与品牌绿主题统一） */
  --gx-bottom-tabs-bg: var(--gx-primary);
  --gx-bottom-tabs-shadow: 0 -2px 12px rgba(32, 165, 58, 0.25);
  --gx-bottom-tab-color: rgba(255, 255, 255, 0.72);
  --gx-bottom-tab-active-color: #FFFFFF;
  --gx-bottom-tab-active-bg: rgba(255, 255, 255, 0.16);
  --gx-bottom-fab-bg: #FFFFFF;
  --gx-bottom-fab-color: var(--gx-primary);

  /* ============================================================
     9. 字体族（Fonts）
     ============================================================ */
  --gx-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB',
    'Noto Sans SC', system-ui, sans-serif;
  --gx-font-family-mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono',
    'SF Mono', 'Consolas', 'Courier New', monospace;

  /* ============================================================
     10. 字号级（Type Scale）
     ============================================================ */
  --gx-text-xs: 0.75rem;      /* 12px */
  --gx-text-sm: 0.8125rem;    /* 13px */
  --gx-text-base: 0.875rem;   /* 14px 基准 */
  --gx-text-md: 1rem;         /* 16px */
  --gx-text-lg: 1.125rem;     /* 18px */
  --gx-text-xl: 1.25rem;      /* 20px */
  --gx-text-2xl: 1.5rem;      /* 24px */
  --gx-text-3xl: 1.875rem;    /* 30px */
  --gx-text-stat: 2rem;       /* 32px 统计数字 */
  --gx-text-display: 2.5rem;  /* 40px 大标题 */

  /* ============================================================
     11. 字重（Font Weight）
     ============================================================ */
  --gx-font-normal: 400;
  --gx-font-medium: 500;
  --gx-font-semibold: 600;
  --gx-font-bold: 700;

  /* ============================================================
     12. 行高（Line Height）
     ============================================================ */
  --gx-leading-tight: 1.25;
  --gx-leading-normal: 1.5;
  --gx-leading-relaxed: 1.75;

  /* ============================================================
     13. 间距（Spacing · 4pt baseline）
     ============================================================ */
  --gx-space-1: 4px;
  --gx-space-2: 8px;
  --gx-space-3: 12px;
  --gx-space-4: 16px;
  --gx-space-5: 20px;
  --gx-space-6: 24px;
  --gx-space-7: 28px;
  --gx-space-8: 32px;
  --gx-space-10: 40px;
  --gx-space-12: 48px;
  --gx-space-16: 64px;

  /* ============================================================
     14. 圆角（Border Radius）
     ============================================================ */
  --gx-radius-xs: 4px;
  --gx-radius-sm: 6px;
  --gx-radius-button: 10px;    /* 按钮圆角 */
  --gx-radius-md: 12px;        /* 表单圆角（12dp） */
  --gx-radius-card: 14px;      /* 卡片圆角（14dp） */
  --gx-radius-lg: 16px;
  --gx-radius-xl: 20px;
  --gx-radius-pill: 9999px;    /* 徽章药丸 */

  /* ============================================================
     15. 阴影（Shadows）
     ============================================================ */
  --gx-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --gx-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --gx-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.10);
  --gx-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.12);
  --gx-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04);
  --gx-shadow-card-hover: 0 8px 24px rgba(32, 165, 58, 0.12);
  --gx-shadow-topbar: 0 1px 8px rgba(0, 0, 0, 0.04);
  --gx-shadow-fab: 0 4px 16px rgba(32, 165, 58, 0.35);
  --gx-shadow-primary: 0 4px 12px rgba(32, 165, 58, 0.25);

  /* ============================================================
     16. 层级（Z-Index）
     ============================================================ */
  --gx-z-base: 1;
  --gx-z-dropdown: 100;
  --gx-z-sticky: 200;
  --gx-z-topbar: 300;
  --gx-z-overlay: 999;
  --gx-z-sidebar: 1000;
  --gx-z-fab: 1050;
  --gx-z-modal: 1060;
  --gx-z-toast: 1070;

  /* ============================================================
     17. 布局尺寸
     ============================================================ */
  --gx-sidebar-width: 260px;
  --gx-topbar-height: 64px;
  --gx-bottom-tab-height: 64px;
  --gx-content-max-width: 1400px;
  --gx-touch-target: 44px;

  /* ============================================================
     18. 过渡与缓动（Transition）
     ============================================================ */
  --gx-transition-fast: 150ms ease;
  --gx-transition-base: 200ms ease;
  --gx-transition-slow: 300ms ease;
  --gx-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --gx-ease-out: cubic-bezier(0.0, 0, 0.2, 1);

  /* ============================================================
     19. 图表调色板（Chart Palette · 绿色为主）
     ============================================================ */
  --gx-chart-1: #20A53A;   /* 主色绿 */
  --gx-chart-2: #4DBF62;   /* 浅绿 */
  --gx-chart-3: #FF8800;   /* 橙 */
  --gx-chart-4: #34C759;   /* 成功绿 */
  --gx-chart-5: #FF3B30;   /* 红 */
  --gx-chart-6: #1565C0;   /* 蓝 */
  --gx-chart-7: #9C27B0;   /* 紫 */
  --gx-chart-8: #009688;   /* 青 */
  --gx-chart-grid: #EEEEEE;
  --gx-chart-text: #6D6D6D;
}