/* 主题：暖橙
   --------------------------------------------------------------------------
   品牌色 = #f89b38，它同时承担两个用途：

   1) 识别色 / 软底 / 描边 / 图标 / 焦点环 / 选中条 —— 装饰，不承载文字。
   2) 实心填充（主按钮 / 徽标 / 头像 / 开关 / 分页当前页 / 品牌位）——
      橙底上的前景**恒为白色**（--c-on-primary 由 tokens 固定为白，主题不得覆盖）。
      白字对 #f89b38 为 2.16:1，低于 WCAG AA 的 4.5:1，这是本主题**有意接受的取舍**
      （品牌橙必须为 #f89b38，且橙底配白字）；hover / active 由 tokens 继续向深派生
      （#da8831 / #bc762b），白字对比度随之升到 2.78 / 3.64:1。
      若日后要提升可读性，只需在本文件覆盖 --c-primary-solid 压深填充色，
      识别色与所有组件均无需改动。

   --c-primary-text（浅底上的品牌前景：链接 / 文字按钮 / 选中态 / 焦点描边）不能沿用
   #f89b38（对白底同样只有 2.16:1，作小号文字不可读），故显式压深为 #a85a0e
   （卡片上 5.08:1、品牌软底上 4.64:1）。这与「填充上用白字」并不矛盾：
   填充上的字走 --c-on-primary（白），浅底上的字走 --c-primary-text（压深）。

   深色实心填充（危险 #d21c1c 等）的前景由 tokens 的 --c-on-solid 统一保证为白色，
   本文件不得覆盖。

   中性色：**背景 / 线条 / 阴影保留暖调**（这是暖橙主题的氛围来源），
   而**文字一律沿用 tokens 的黑灰中性**（--c-text 系列），不染棕、不染橙。
   -------------------------------------------------------------------------- */
[data-theme="orange"] {
    /* 品牌：识别色即实心填充色，#f89b38 上的前景恒为白 */
    --c-primary: #f89b38;

    /* 浅底上的品牌前景：显式压深，避免 2.16:1 的小号文字 */
    --c-primary-text:       #a85a0e;
    --c-primary-text-hover: #8a4a09;

    /* 暖调表面与线条 */
    --c-bg:             #faf6f1;
    --c-surface-2:      #f6efe6;
    --c-border:         #ece2d6;
    --c-border-strong:  #d9c9b6;
    --c-divider:        #f2eae0;

    /* 阴影与遮罩一并暖化，避免灰蓝色调渗进来；
       注意卡片阴影 --shadow-card 也要一起给，否则暖色卡片会拖一层冷灰影子 */
    --shadow-sm: 0 1px 2px rgba(58, 36, 5, .05);
    --shadow-card: 0 1px 2px rgba(58, 36, 5, .03),
                   0 10px 26px -14px rgba(58, 36, 5, .11);
    --shadow-md: 0 2px 6px -2px rgba(58, 36, 5, .06),
                 0 14px 32px -16px rgba(58, 36, 5, .13);
    --shadow-lg: 0 10px 22px -10px rgba(58, 36, 5, .11),
                 0 36px 72px -32px rgba(58, 36, 5, .24);
    --overlay-bg: rgba(36, 22, 6, .48);
}