/* ============================================================
 * theme.css — 智屏视界 OTT 效果广告平台
 * 设计 token 层：仅覆盖 Tabler CSS 变量，不写组件样式
 * 基调：客厅之光 —— 暖白底 + 橙色行动色 / 家庭场景温度感
 * 来源：outputs/design-preview/scheme2.html（方案二 客厅之光）
 * ============================================================ */

:root {
  /* ---------- 客厅之光原型色板（组件层可直接引用） ---------- */
  --lr-orange: #E07B2A;          /* 主色 行动橙 */
  --lr-orange-soft: #FFF1E3;     /* 主色浅底 */
  --lr-orange-hi: #FF9D4D;       /* 高光橙（渐变/光晕用） */
  --lr-orange-deep: #C4611A;     /* 深橙（渐变末端） */
  --lr-highlight: #FFD9AE;       /* 标题下划高亮 */
  --lr-bg: #FAF7F2;              /* 页面暖白底 */
  --lr-card: #FFFFFF;            /* 卡片 */
  --lr-line: #EFE7DB;            /* 描边 */
  --lr-line-strong: #E2D9CB;     /* 次级按钮描边 */
  --lr-ink: #2B2620;             /* 正文墨色 */
  --lr-muted: #8C8375;           /* 次要文字 */
  --lr-blue: #3E6DE0;            /* 辅助蓝（信息/链接强调） */
  --lr-sofa: #EAD9BF;            /* 插画：沙发 */
  --lr-sofa-arm: #E3CDAA;        /* 插画：扶手 */
  --lr-plant: #7FA86B;           /* 插画：植物 */
  --lr-wood: #B98A54;            /* 插画：木质 */
  --lr-screen: #1F1B16;          /* 插画：电视机身 */
  /* 暖调阴影基色（rgb 分量，供 rgba() 组合） */
  --lr-shadow-rgb: 120, 90, 40;

  /* ---------- 品牌主色：行动橙 ---------- */
  --tblr-primary: #E07B2A;
  --tblr-primary-rgb: 224, 123, 42;
  --tblr-primary-fg: #ffffff;
  --tblr-primary-darken: #C4611A;
  --tblr-primary-lt: #FFF1E3;

  /* ---------- 次要色：暖中性 ---------- */
  --tblr-secondary: #8C8375;
  --tblr-secondary-rgb: 140, 131, 117;
  --tblr-secondary-lt: #F4EFE7;

  /* ---------- 语义色 ----------
     warning 让路：主色已占橙位，warning 移到更黄一侧（#C9A227），
     避免「警示」与「主行动」在暖色区互相干扰 */
  --tblr-success: #4E8B5A;
  --tblr-success-rgb: 78, 139, 90;
  --tblr-success-lt: #EAF3EC;

  --tblr-warning: #C9A227;
  --tblr-warning-rgb: 201, 162, 39;
  --tblr-warning-lt: #FBF5E0;

  --tblr-danger: #C0473C;
  --tblr-danger-rgb: 192, 71, 60;
  --tblr-danger-lt: #FBEDEB;

  --tblr-info: #3E6DE0;
  --tblr-info-rgb: 62, 109, 224;
  --tblr-info-lt: #ECF1FD;

  /* 深/浅两个中性锚点：dark 用于视频占位底、深色徽章等，
     从旧深蓝 #16233a 换成客厅之光的深墨棕，避免冷暖混搭 */
  --tblr-dark: #2B2620;
  --tblr-dark-rgb: 43, 38, 32;
  --tblr-light: #FAF7F2;
  --tblr-light-rgb: 250, 247, 242;

  /* ============================================================
   * 色板覆盖层（2026-08-09 全站统一）
   * 模板里有 146 处 Tabler 固定色类（bg-green-lt / bg-blue-lt /
   * text-red 等），这些类是变量驱动的，重定义色板变量即可让全站
   * 自动跟随客厅之光，无需逐个改模板类名。
   * 原则：保留状态语义（绿=通过 蓝=进行中 黄=待办 红=退回），
   * 但把色相拉进暖调、压低饱和度，与暖白底和橙主色共存不打架。
   * -lt 浅底统一带一点暖底，避免冷白色块割裂页面。
   * ---------------------------------------------------------- */

  /* 绿 —— 通过/成功，苔绿而非荧光绿 */
  --tblr-green: #4E8B5A;
  --tblr-green-rgb: 78, 139, 90;
  --tblr-green-lt: #EAF3EC;

  /* 蓝 —— 进行中/信息，带灰的沉稳蓝 */
  --tblr-blue: #3E6DE0;
  --tblr-blue-rgb: 62, 109, 224;
  --tblr-blue-lt: #ECF1FD;

  /* 天蓝 —— 次级信息 */
  --tblr-azure: #4A80C4;
  --tblr-azure-rgb: 74, 128, 196;
  --tblr-azure-lt: #EDF3FA;

  /* 黄 —— 待办/提醒，芥末黄压低亮度保证可读 */
  --tblr-yellow: #C9A227;
  --tblr-yellow-rgb: 201, 162, 39;
  --tblr-yellow-lt: #FBF5E0;

  /* 红 —— 退回/异常，砖红而非警报红 */
  --tblr-red: #C0473C;
  --tblr-red-rgb: 192, 71, 60;
  --tblr-red-lt: #FBEDEB;

  /* 橙 —— 与主色同源，避免页面出现两种橙 */
  --tblr-orange: #E07B2A;
  --tblr-orange-rgb: 224, 123, 42;
  --tblr-orange-lt: #FFF1E3;

  /* 紫 —— 分类标记，收敛成灰紫 */
  --tblr-purple: #8A6BA8;
  --tblr-purple-rgb: 138, 107, 168;
  --tblr-purple-lt: #F3EEF8;

  /* 青 —— LOGO 渐变里的青，用作辅助 */
  --tblr-teal: #3E8E96;
  --tblr-teal-rgb: 62, 142, 150;
  --tblr-teal-lt: #E9F3F4;
  --tblr-cyan: #3E8E96;
  --tblr-cyan-rgb: 62, 142, 150;
  --tblr-cyan-lt: #E9F3F4;

  /* 其余低频色，一并纳入暖调避免漏网 */
  --tblr-indigo: #5B62C4;
  --tblr-indigo-rgb: 91, 98, 196;
  --tblr-indigo-lt: #EEEFF9;
  --tblr-pink: #C4568A;
  --tblr-pink-rgb: 196, 86, 138;
  --tblr-pink-lt: #FAEDF3;
  --tblr-lime: #7FA86B;
  --tblr-lime-rgb: 127, 168, 107;
  --tblr-lime-lt: #F0F5EC;

  /* ---------- 链接 ---------- */
  --tblr-link-color: #C4611A;
  --tblr-link-color-rgb: 196, 97, 26;
  --tblr-link-hover-color: #E07B2A;
  --tblr-link-hover-color-rgb: 224, 123, 42;

  /* ---------- 背景与表面 ---------- */
  --tblr-bg-surface: #FFFFFF;
  --tblr-bg-surface-secondary: #FBF8F3;
  --tblr-bg-surface-tertiary: #F4EFE7;
  --tblr-body-bg: #FAF7F2;
  --tblr-body-color: #2B2620;
  --tblr-body-color-rgb: 43, 38, 32;
  --tblr-secondary-color: #8C8375;
  --tblr-tertiary-color: #A8A093;

  /* ---------- 边框（客厅之光走大圆角） ---------- */
  --tblr-border-color: #EFE7DB;
  --tblr-border-color-translucent: rgba(120, 90, 40, 0.10);
  --tblr-border-radius: 12px;
  --tblr-border-radius-sm: 8px;
  --tblr-border-radius-lg: 16px;
  --tblr-border-radius-xl: 20px;

  /* ---------- 阴影（暖调，柔和抬起） ---------- */
  --tblr-box-shadow: 0 2px 6px rgba(120, 90, 40, 0.06), 0 6px 18px rgba(120, 90, 40, 0.06);
  --tblr-box-shadow-sm: 0 1px 3px rgba(120, 90, 40, 0.05);
  --tblr-box-shadow-lg: 0 14px 34px rgba(120, 90, 40, 0.13), 0 4px 10px rgba(120, 90, 40, 0.06);
  --tblr-box-shadow-card: 0 2px 10px rgba(120, 90, 40, 0.05);

  /* ---------- 字体 ---------- */
  --tblr-font-sans-serif: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, "PingFang SC", "Microsoft YaHei", monospace;
  --tblr-body-font-size: 0.875rem;
  --tblr-body-line-height: 1.6;

  /* ---------- 表单聚焦 ---------- */
  --tblr-focus-ring-color: rgba(224, 123, 42, 0.22);

  /* ---------- 导航（暖白毛玻璃，替代原深蓝顶栏） ---------- */
  --tblr-navbar-bg: #FBF8F3;
  --tblr-navbar-color: rgba(43, 38, 32, 0.72);
  --tblr-navbar-active-color: #2B2620;
}