:root {
  /* Brand core - Freecash 配色方案 */
  --fc-primary: #00B67A;   /* Freecash 品牌绿（主色） */
  --fc-primary-600: #00A56F; /* hover */
  --fc-primary-700: #009862; /* active */

  --fc-accent: #FFF136;    /* 亮黄色点缀（奖励/强调） */
  --fc-accent-600: #F4E629;
  --fc-accent-700: #E9DB1C;

  /* Base on dark UI */
  --fc-bg: #0B0F14;        /* 页面基底（深） */
  --fc-surface: #11161C;   /* 卡片/面板 */
  --fc-border: #1D242C;    /* 分隔/描边 */
  --fc-text: #E7EAEF;      /* 主要文字（浅） */
  --fc-text-muted: #96A0AE;/* 次级文字 */

  /* 状态与辅助 */
  --fc-success: #17C964;
  --fc-warning: #FFC53D;
  --fc-danger:  #F43F5E;

  /* 交互与链接 */
  --fc-link: #19C08A;      /* 贴近品牌绿的链接色 */
  --fc-link-hover: #10A877;

  /* 社交 */
  --fc-facebook: #1877F2;  /* Freecash 登录按钮中的蓝色 */

  /* 兼容原有变量名 */
  --background: var(--fc-bg);
  --foreground: var(--fc-text);
  --card: var(--fc-surface);
  --card-foreground: var(--fc-text);
  --popover: var(--fc-surface);
  --popover-foreground: var(--fc-text);
  --primary: var(--fc-primary);
  --primary-foreground: #0A0D10;
  --secondary: var(--fc-surface);
  --secondary-foreground: var(--fc-text);
  --muted: var(--fc-surface);
  --muted-foreground: var(--fc-text-muted);
  --accent: var(--fc-accent);
  --accent-foreground: #0A0D10;
  --destructive: var(--fc-danger);
  --destructive-foreground: var(--fc-text);
  --border: var(--fc-border);
  --input: var(--fc-border);
  --ring: var(--fc-primary);
  
  /* 图表颜色 */
  --chart-1: var(--fc-primary);
  --chart-2: var(--fc-accent);
  --chart-3: var(--fc-success);
  --chart-4: var(--fc-warning);
  --chart-5: var(--fc-danger);
  
  /* 侧边栏 */
  --sidebar: var(--fc-surface);
  --sidebar-foreground: var(--fc-text);
  --sidebar-primary: var(--fc-primary);
  --sidebar-primary-foreground: #0A0D10;
  --sidebar-accent: var(--fc-accent);
  --sidebar-accent-foreground: #0A0D10;
  --sidebar-border: var(--fc-border);
  --sidebar-ring: var(--fc-primary);
  
  /* 字体 */
  --font-sans: 'Inter', 'Poppins', sans-serif;
  --font-serif: 'Merriweather', serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  /* 圆角 */
  --radius: 0.75rem;
  --radius-sm: calc(var(--radius) - 2px);
  --radius-md: calc(var(--radius) - 1px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 2px);
  
  /* 阴影 */
  --shadow-2xs: 0 1px 2px 0px hsl(0 0% 0% / 0.3);
  --shadow-xs: 0 1px 2px 0px hsl(0 0% 0% / 0.3);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.4), 0 1px 2px -1px hsl(0 0% 0% / 0.4);
  --shadow-md: 0 4px 6px -1px hsl(0 0% 0% / 0.4), 0 2px 4px -1px hsl(0 0% 0% / 0.3);
  --shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / 0.4), 0 4px 6px -2px hsl(0 0% 0% / 0.3);
  --shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / 0.4), 0 10px 10px -5px hsl(0 0% 0% / 0.3);
  --shadow-2xl: 0 25px 50px -12px hsl(0 0% 0% / 0.5);
  
  /* 间距 */
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  
  /* 自定义颜色 */
  --success: var(--fc-success);
  --success-foreground: #0A0D10;
  --warning: var(--fc-warning);
  --warning-foreground: #0A0D10;
  --info: var(--fc-primary);
  --info-foreground: #0A0D10;
  
  /* 渐变 */
  --gradient-primary: linear-gradient(135deg, var(--fc-primary), var(--fc-primary-700));
  --gradient-success: linear-gradient(135deg, var(--fc-success), var(--fc-primary));
  --gradient-dark: linear-gradient(135deg, var(--fc-bg), var(--fc-surface));
  --gradient-green: linear-gradient(135deg, var(--fc-primary), var(--fc-success));
  --gradient-accent: linear-gradient(135deg, var(--fc-accent), var(--fc-accent-600));
}
