/**
 * life-tools 样式覆盖
 * 
 * Life Tools 使用暖橙色配色方案，覆盖 common/style.css 的默认蓝色
 * 基础组件样式由 /common/style.css 提供
 */

/* ===== Life 专属配色覆盖 ===== */
:root {
  --tb-primary: #f97316;
  --tb-secondary: #fb923c;
  --tb-accent: #fdba74;

  /* 旧变量名别名（兼容 HTML 中的 var(--accent) 等旧写法） */
  --primary: var(--tb-primary);
  --secondary: var(--tb-secondary);
  --accent: var(--tb-accent);
  --bg-color: var(--tb-bg);
  --surface: var(--tb-surface);
  --surface-hover: var(--tb-surface-hover);
  --border: var(--tb-border);
  --text-primary: var(--tb-text);
  --text-secondary: var(--tb-text-secondary);
  --text-muted: var(--tb-text-muted);
  --glass-blur: var(--tb-glass-blur);
  --success: var(--tb-success);
  --warning: var(--tb-warning);
  --error: var(--tb-error);
  --info: var(--tb-info);
  --font-mono: var(--tb-font-mono);
  --font-sans: var(--tb-font-sans);
  --radius: var(--tb-radius);
  --radius-sm: var(--tb-radius-sm);
  --transition: var(--tb-transition);
  --sidebar-width: var(--tb-sidebar-width);
  --topbar-height: var(--tb-topbar-height);
}

body.light-mode {
  --bg-color: var(--tb-bg);
  --surface: var(--tb-surface);
  --surface-hover: var(--tb-surface-hover);
  --border: var(--tb-border);
  --text-primary: var(--tb-text);
  --text-secondary: var(--tb-text-secondary);
  --text-muted: var(--tb-text-muted);
}

/* ===== Life 特有样式 ===== */

/* 导航项激活色覆盖 */
.nav-item.active {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.15), rgba(251, 146, 60, 0.15));
  color: var(--tb-accent);
  border: 1px solid rgba(249, 115, 22, 0.15);
}

/* Tab 激活色覆盖 */
.tab-btn.active {
  background: rgba(249, 115, 22, 0.2);
  color: var(--tb-accent);
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.15);
}

/* 按钮主色覆盖 */
.btn-primary {
  background: linear-gradient(135deg, var(--tb-primary), var(--tb-secondary));
}

.btn-primary:hover {
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3);
}

/* 工具卡片图标背景 */
.tool-card .icon {
  background: rgba(249, 115, 22, 0.1);
  color: var(--tb-accent);
}

.tool-card:hover {
  border-color: rgba(249, 115, 22, 0.3);
}

/* 仪表盘英雄区渐变 */
.dashboard-hero h2 {
  background: linear-gradient(to right, #fff, var(--tb-accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.light-mode .dashboard-hero h2 {
  background: linear-gradient(to right, #333, var(--tb-primary));
  -webkit-background-clip: text;
  background-clip: text;
}

/* Logo 渐变 */
.sidebar-header .logo {
  background: linear-gradient(to right, var(--tb-accent), #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

body.light-mode .sidebar-header .logo {
  background: linear-gradient(to right, var(--tb-primary), #333);
  -webkit-background-clip: text;
  background-clip: text;
}

.sidebar-header .logo i {
  color: var(--tb-accent);
}

/* 结果框色 */
.result-box {
  background: rgba(249, 115, 22, 0.05);
  border: 1px solid rgba(249, 115, 22, 0.2);
}

.result-box .value {
  background: linear-gradient(to right, var(--tb-accent), #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.result-box .value-sm {
  color: var(--tb-accent);
}

/* 表单聚焦色 */
.form-control:focus {
  border-color: var(--tb-primary);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

/* Blob 背景色 */
.blob-1 { background: var(--tb-primary); }
.blob-2 { background: var(--tb-secondary); }
.blob-3 { background: var(--tb-accent); }