/* 基本样式变量 */
:root {
  /* 基础颜色 */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  
  /* 功能颜色 */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
}

/* Uber主题（默认主题） */
[data-theme="default"] {
  /* 主色调 */
  --color-primary: #000000;
  --color-primary-light: #333333;
  --color-primary-dark: #000000;
  
  /* 次要色调 */
  --color-secondary: #333333;
  --color-secondary-light: #555555;
  --color-secondary-dark: #222222;
  
  /* 强调色 */
  --color-accent: #276EF1;
  --color-accent-light: #5B91F5;
  --color-accent-dark: #1E54BC;
  
  /* 背景色 */
  --color-background: #FFFFFF;
  --color-background-light: #F7F7F7;
  --color-background-dark: #F0F0F0;
  
  /* 文本色 */
  --color-text-primary: #000000;
  --color-text-secondary: #555555;
  --color-text-tertiary: #888888;
  --color-text-white: #FFFFFF;
  
  /* 边框颜色 */
  --color-border: #E2E2E2;
  --color-border-light: #EEEEEE;
  --color-border-dark: #CCCCCC;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 咖啡酒吧主题 - 时尚休闲饮品店 */
[data-theme="cafe-bar"] {
  /* 主色调 - 浓咖啡色 */
  --color-primary: #3b2c26;
  --color-primary-light: #564239;
  --color-primary-dark: #2a1f1b;
  
  /* 次要色调 - 铜金色 */
  --color-secondary: #b6834b;
  --color-secondary-light: #c79c6f;
  --color-secondary-dark: #9a6c3e;
  
  /* 强调色 - 鸡尾酒蓝 */
  --color-accent: #345570;
  --color-accent-light: #4c6d8a;
  --color-accent-dark: #26415a;
  
  /* 背景色 - 麂皮色 */
  --color-background: #f5f1ea;
  --color-background-light: #faf7f2;
  --color-background-dark: #e7e1d5;
  
  /* 文本色 */
  --color-text-primary: #282320;
  --color-text-secondary: #5a4f49;
  --color-text-tertiary: #8c7e77;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 咖啡奶泡色 */
  --color-border: #d7cdc1;
  --color-border-light: #e8e0d7;
  --color-border-dark: #c2b6a8;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 火锅主题 - 中国传统火锅店 */
[data-theme="hotpot"] {
  /* 主色调 - 中国红 */
  --color-primary: #c41e3a;
  --color-primary-light: #e53e56;
  --color-primary-dark: #a31a30;
  
  /* 次要色调 - 中国金 */
  --color-secondary: #d4af37;
  --color-secondary-light: #e6ca6b;
  --color-secondary-dark: #ba9630;
  
  /* 强调色 - 麻辣色 */
  --color-accent: #9a3324;
  --color-accent-light: #b84d3d;
  --color-accent-dark: #7e2a1e;
  
  /* 背景色 - 米纸色 */
  --color-background: #f9f3e9;
  --color-background-light: #fdfbf7;
  --color-background-dark: #f1e8d8;
  
  /* 文本色 */
  --color-text-primary: #3c2218;
  --color-text-secondary: #624736;
  --color-text-tertiary: #8c7762;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 古铜色 */
  --color-border: #d6c6af;
  --color-border-light: #e6daca;
  --color-border-dark: #c0aa8e;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 养生馆主题 - 绿色健康生活 */
[data-theme="wellness"] {
  /* 主色调 - 养生绿 */
  --color-primary: #4d7c5f;
  --color-primary-light: #659476;
  --color-primary-dark: #39624a;
  
  /* 次要色调 - 薄荷绿 */
  --color-secondary: #9ed2bd;
  --color-secondary-light: #b5e0ce;
  --color-secondary-dark: #7ebe9e;
  
  /* 强调色 - 薰衣草紫 */
  --color-accent: #a1869e;
  --color-accent-light: #bda2ba;
  --color-accent-dark: #876a84;
  
  /* 背景色 - 米白色 */
  --color-background: #f8f5f0;
  --color-background-light: #ffffff;
  --color-background-dark: #efe9df;
  
  /* 文本色 */
  --color-text-primary: #2c4434;
  --color-text-secondary: #53664a;
  --color-text-tertiary: #7c8875;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 淡茶色 */
  --color-border: #e0d8c9;
  --color-border-light: #efe8e0;
  --color-border-dark: #cfc4b0;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 汉堡主题 - 汉堡快餐店 */
[data-theme="burger"] {
  /* 主色调 - 烤肉棕 */
  --color-primary: #8b4513;
  --color-primary-light: #a05626;
  --color-primary-dark: #723811;
  
  /* 次要色调 - 芝士黄 */
  --color-secondary: #f5bb00;
  --color-secondary-light: #ffca3a;
  --color-secondary-dark: #e5a800;
  
  /* 强调色 - 番茄红 */
  --color-accent: #e63946;
  --color-accent-light: #f26877;
  --color-accent-dark: #d01c2b;
  
  /* 背景色 - 面包色 */
  --color-background: #faf3e0;
  --color-background-light: #fffbf0;
  --color-background-dark: #f5e8cb;
  
  /* 文本色 */
  --color-text-primary: #3d2314;
  --color-text-secondary: #5e4125;
  --color-text-tertiary: #8d6e5a;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 面包壳色 */
  --color-border: #e9dbb8;
  --color-border-light: #f5ebda;
  --color-border-dark: #d6c28d;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 樱花主题 - 日本料理寿司店 */
[data-theme="sakura"] {
  /* 主色调 - 樱花粉 */
  --color-primary: #f6b8c4;
  --color-primary-light: #f9ccd5;
  --color-primary-dark: #e6909d;
  
  /* 次要色调 - 墨色 */
  --color-secondary: #333333;
  --color-secondary-light: #555555;
  --color-secondary-dark: #111111;
  
  /* 强调色 - 抹茶绿 */
  --color-accent: #8ab482;
  --color-accent-light: #a6c79f;
  --color-accent-dark: #70936a;
  
  /* 背景色 - 和纸色 */
  --color-background: #f9f5f1;
  --color-background-light: #ffffff;
  --color-background-dark: #efe6de;
  
  /* 文本色 */
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #4f4f4f;
  --color-text-tertiary: #767676;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 浅樱 */
  --color-border: #f2d5dc;
  --color-border-light: #f9e9ee;
  --color-border-dark: #ebbeca;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 大西洋主题 - 海鲜餐厅 */
[data-theme="atlantic"] {
  /* 主色调 - 深海蓝 */
  --color-primary: #0f5e87;
  --color-primary-light: #1976a4;
  --color-primary-dark: #0a4a6b;
  
  /* 次要色调 - 海藻绿 */
  --color-secondary: #4c9f70;
  --color-secondary-light: #64b189;
  --color-secondary-dark: #3d7f5a;
  
  /* 强调色 - 珊瑚橙 */
  --color-accent: #ff7e4a;
  --color-accent-light: #ff9a72;
  --color-accent-dark: #e66a3e;
  
  /* 背景色 - 沙滩色到浅蓝 */
  --color-background: #f5f8fa;
  --color-background-light: #ffffff;
  --color-background-dark: #e6f0f6;
  
  /* 文本色 */
  --color-text-primary: #1a3c54;
  --color-text-secondary: #41627d;
  --color-text-tertiary: #7295b0;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 海浪 */
  --color-border: #c2dbe9;
  --color-border-light: #d9eaf3;
  --color-border-dark: #a4c6d9;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 抹茶主题（不再是默认主题，重命名为matcha） */
[data-theme="matcha"] {
  /* 主色调 */
  --color-primary: #0f3024;
  --color-primary-light: #1a4a35;
  --color-primary-dark: #0a2016;
  
  /* 次要色调 */
  --color-secondary: #8b9a8d;
  --color-secondary-light: #a5b0a7;
  --color-secondary-dark: #768678;
  
  /* 强调色 */
  --color-accent: #f7b2a5;
  --color-accent-light: #f9c7bd;
  --color-accent-dark: #f3988a;
  
  /* 背景色 */
  --color-background: #f7f5f2;
  --color-background-light: #fbfaf8;
  --color-background-dark: #e6ddcc;
  
  /* 文本色 */
  --color-text-primary: #0f3024;
  --color-text-secondary: #5f6b60;
  --color-text-tertiary: #939f94;
  --color-text-white: #ffffff;
  
  /* 边框颜色 */
  --color-border: #e0e4e1;
  --color-border-light: #edf0ee;
  --color-border-dark: #c9d0ca;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 台湾奶茶主题 - 台湾特色奶茶水果茶店 */
[data-theme="taiwan-tea"] {
  /* 主色调 - 珍珠奶茶棕 */
  --color-primary: #8c634a;
  --color-primary-light: #a47a5f;
  --color-primary-dark: #735139;
  
  /* 次要色调 - 嫩芽绿 */
  --color-secondary: #7dba72;
  --color-secondary-light: #9ac991;
  --color-secondary-dark: #639b5a;
  
  /* 强调色 - 百香果红 */
  --color-accent: #ff6b6b;
  --color-accent-light: #ff9191;
  --color-accent-dark: #e54d4d;
  
  /* 背景色 - 奶茶色 */
  --color-background: #f8f4e9;
  --color-background-light: #fffcf5;
  --color-background-dark: #efe9d9;
  
  /* 文本色 */
  --color-text-primary: #4a3829;
  --color-text-secondary: #6b5947;
  --color-text-tertiary: #8f7d6d;
  --color-text-white: #ffffff;
  
  /* 边框颜色 - 椰奶色 */
  --color-border: #e0d6c2;
  --color-border-light: #ede5d5;
  --color-border-dark: #ccc0a7;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 日本拉面主题 - 传统日式拉面店 */
[data-theme="ramen"] {
  /* 主色调 - 酱油汤底色 */
  --color-primary: #8B4513;
  --color-primary-light: #A0522D;
  --color-primary-dark: #6B3A0F;
  
  /* 次要色调 - 面条色 */
  --color-secondary: #D2B48C;
  --color-secondary-light: #E3C9A8;
  --color-secondary-dark: #B89C76;
  
  /* 强调色 - 辣椒油红 */
  --color-accent: #C1292E;
  --color-accent-light: #DD3C41;
  --color-accent-dark: #A5161A;
  
  /* 背景色 - 木质餐桌 */
  --color-background: #F7F3E9;
  --color-background-light: #FFFBF0;
  --color-background-dark: #EBE5D8;
  
  /* 文本色 */
  --color-text-primary: #2E1A10;
  --color-text-secondary: #5F4738;
  --color-text-tertiary: #8A7055;
  --color-text-white: #FFFFFF;
  
  /* 边框颜色 - 木制碗沿 */
  --color-border: #D4BEA3;
  --color-border-light: #E6D7C3;
  --color-border-dark: #BCA489;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 中国拉面主题 - 兰州拉面与重庆小面风格 */
[data-theme="chinese-noodle"] {
  /* 主色调 - 红油辣椒色 */
  --color-primary: #C53030;
  --color-primary-light: #E53E3E;
  --color-primary-dark: #9B2C2C;
  
  /* 次要色调 - 牛肉汤色 */
  --color-secondary: #B7791F;
  --color-secondary-light: #D69E2E;
  --color-secondary-dark: #975A16;
  
  /* 强调色 - 葱花绿 */
  --color-accent: #2F855A;
  --color-accent-light: #38A169;
  --color-accent-dark: #276749;
  
  /* 背景色 - 手工面条色 */
  --color-background: #FFF8E6;
  --color-background-light: #FFFCF2;
  --color-background-dark: #F7EDD5;
  
  /* 文本色 */
  --color-text-primary: #3D1C02;
  --color-text-secondary: #694D3F;
  --color-text-tertiary: #957D6F;
  --color-text-white: #FFFFFF;
  
  /* 边框颜色 - 陶瓷碗色 */
  --color-border: #DCCAB3;
  --color-border-light: #EDE2D3;
  --color-border-dark: #C5AD91;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 日本黑金主题 - 高端和食料理 */
[data-theme="japan-noir"] {
  /* 主色调 - 墨黑色 */
  --color-primary: #0D0D0D;
  --color-primary-light: #262626;
  --color-primary-dark: #000000;
  
  /* 次要色调 - 改为深灰色 */
  --color-secondary: #333333;
  --color-secondary-light: #4A4A4A;
  --color-secondary-dark: #1A1A1A;
  
  /* 强调色 - 朱红色 */
  --color-accent: #A02C2C;
  --color-accent-light: #C24141;
  --color-accent-dark: #7E2323;
  
  /* 背景色 - 和纸色 */
  --color-background: #F8F6F0;
  --color-background-light: #FFFEFA;
  --color-background-dark: #EAE7DE;
  
  /* 文本色 - 使用金色系 */
  --color-text-primary: #D4AF37;
  --color-text-secondary: #B38728;
  --color-text-tertiary: #9C7C21;
  --color-text-white: #F4CF5A;
  
  /* 边框颜色 - 金边色 */
  --color-border: #E0CEAA;
  --color-border-light: #F0E8D0;
  --color-border-dark: #CBAE70;
  
  /* 功能色 */
  --color-success-light: #d1fae5;
  --color-warning-light: #fef3c7;
  --color-error-light: #fee2e2;
  --color-info-light: #dbeafe;
}

/* 暗黑主题 - 深邃黑 */
[data-theme="dark-mode"] {
  /* 主色调 - 深灰色 */
  --color-primary: #303030;
  --color-primary-light: #505050;
  --color-primary-dark: #202020;
  
  /* 次要色调 - 石墨灰 */
  --color-secondary: #505050;
  --color-secondary-light: #606060;
  --color-secondary-dark: #404040;
  
  /* 强调色 - 冷银色 */
  --color-accent: #ACACAC;
  --color-accent-light: #C0C0C0;
  --color-accent-dark: #8A8A8A;
  
  /* 背景色 - 纯黑系列 */
  --color-background: #161616;
  --color-background-light: #262626;
  --color-background-dark: #121212;
  
  /* 文本色 */
  --color-text-primary: #EEEEEE;
  --color-text-secondary: #BBBBBB;
  --color-text-tertiary: #999999;
  --color-text-white: #FFFFFF;
  
  /* 边框颜色 */
  --color-border: #464646;
  --color-border-light: #565656;
  --color-border-dark: #363636;
  
  /* 功能色 */
  --color-success: #28A745;
  --color-warning: #FFC107;
  --color-error: #DC3545;
  --color-info: #17A2B8;
  
  /* 功能色亮版 */
  --color-success-light: #30C453;
  --color-warning-light: #FFCA2C;
  --color-error-light: #E04C59;
  --color-info-light: #1DB8D0;
  
  /* 黑白色特殊调整 */
  --color-white: #EEEEEE;
  --color-black: #111111;
}