/* 个人工作台样板间原型 · 基础令牌（所有皮肤共用的底）。
   app.css、player.css 只读这里的变量；每款皮肤（skins/<名字>/skin.css）在后面加载，覆盖其中任意一项。
   这里的色板是刻意素的中性灰——没加载皮肤时界面也能用、能读，但不代表任何风格；风格都在皮肤里。
   结构类令牌（尺寸、间距、字号阶梯、组件外观）的默认值就是原型现在的样子，皮肤不覆盖就保持原样。
   可控范围的清单与写法见 skins/README.md。 */

:root {
  /* ---------- 字体与字号阶梯 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-num: var(--font-sans);        /* 大数字、时间 */
  --font-display: var(--font-sans);    /* 标题：简报「今天」、整页标题、主视觉 */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-2xs: 10.5px;     /* 角注：插件标、临时卡说明 */
  --fs-xs: 11px;        /* 小标签：页签字、在桌面上 */
  --fs-caption: 11.5px; /* 计数角标、标签、现在线时间 */
  --fs-meta: 12px;      /* 徽章、日期、次要说明 */
  --fs-small: 12.5px;   /* 元信息、说明行 */
  --fs-label: 13px;     /* 卡片标题、列表行 */
  --fs-ui: 13.5px;      /* 按钮、输入、简报条事项 */
  --fs-body: 14px;      /* 正文 */
  --fs-strong: 14.5px;  /* 卡里的重点句、临时卡标题 */
  --fs-title: 15px;     /* 面板标题、品牌名 */
  --fs-h3: 16px;        /* 弹窗、面板标题 */
  --fs-lead: 17px;      /* 第一次打开的提问 */
  --fs-h2: 20px;        /* 简报条「今天」、卡里的大数字 */
  --fs-page: 26px;      /* 整页标题 */
  --fs-num: 30px;       /* 卡里的大数字 */
  --fs-stat: 26px;      /* 小结里的统计数字 */
  --fs-ext: 9px;        /* 文件类型牌 */
  --fs-h2-sm: 18px; --fs-page-sm: 19px; --fs-num-sm: 26px; --fs-stat-sm: 22px;   /* 手机 */
  --fw-strong: 650;     /* 面板、弹窗标题 */
  --fw-heading: 700;    /* 品牌、简报「今天」、整页标题 */
  --lh-body: 1.55;

  /* ---------- 图标 ---------- */
  --icon: 16px; --icon-sm: 14px; --icon-lg: 22px; --icon-stroke: 1.9;
  --icon-tile: 24px;    /* 模块库格子 */
  --icon-quick: 20px;   /* 「＋ 收进来」快捷入口 */
  --icon-tab: 22px;     /* 手机底部页签 */

  /* ---------- 中性色板（皮肤覆盖） ---------- */
  --bg: #F4F4F3; --bg-2: #EBEBEA;
  --pocket: rgba(255, 255, 255, .5); --pocket-2: rgba(255, 255, 255, .75);
  --desk-bg: var(--bg); --desk-art: none;
  --surface: #FFFFFF; --surface-2: #F3F3F2; --surface-3: #E7E7E5; --surface-raised: #FFFFFF;
  --material-blur: none;
  --topbar-bg: color-mix(in srgb, var(--bg) 88%, transparent);
  --scrim: rgba(20, 20, 20, .28);
  --ink: #1C1C1B; --ink-2: #4A4A47; --ink-3: #6E6E6A;
  --line: rgba(0, 0, 0, .09); --line-strong: rgba(0, 0, 0, .17);
  --accent: #1C1C1B; --accent-hover: #333331; --on-accent: #FFFFFF;
  --accent-soft: rgba(0, 0, 0, .06); --accent-line: rgba(0, 0, 0, .26);
  /* 五个状态：底色／深字／圆点 */
  --wait-bg: #F6E3CF; --wait-ink: #6B3B12; --wait-dot: #D9823C;
  --late-bg: #F1EDCB; --late-ink: #554C0E; --late-dot: #BF9A1B;
  --today-bg: #DDE8F3; --today-ink: #1D4568; --today-dot: #3F7FBE;
  --done-bg: #D8EBDD; --done-ink: #1D5034; --done-dot: #3C9A62;
  --quiet-bg: #E9E9E7; --quiet-ink: #3F3F3C; --quiet-dot: #999994;
  --on-dot: #1C1C1B;
  --decide: var(--wait-ink); --decide-soft: var(--wait-bg); --decide-line: color-mix(in srgb, var(--wait-dot) 55%, transparent); --decide-dot: var(--wait-dot);
  --ok: var(--done-ink); --ok-soft: var(--done-bg);
  --warn: var(--late-ink); --warn-soft: var(--late-bg);
  --bad: var(--late-ink); --bad-soft: var(--late-bg);
  --info: var(--today-ink); --info-soft: var(--today-bg);
  --mark: rgba(0, 0, 0, .12);
  --changed-ring: rgba(0, 0, 0, .36);
  --toast-bg: #1C1C1B; --toast-fg: #F4F4F3;
  /* 文件类型牌（皮肤可改成中性） */
  --ext-bg: #8A938E; --ext-img: #5E8C7E; --ext-pdf: #B5534A; --ext-docx: #3F6E9E; --ext-xlsx: #3E7D56; --ext-pptx: #C0763A; --ext-txt: #7A7F86; --ext-fg: #FFFFFF;

  /* ---------- 圆角、阴影、描边 ---------- */
  --radius-card: 18px; --radius-panel: 22px; --radius-ctl: 12px; --radius-sm: 8px; --radius-xs: 6px;
  --radius-btn: var(--radius-ctl); --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px var(--line);
  --shadow-hover: 0 4px 14px -6px rgba(0, 0, 0, .18), 0 0 0 1px var(--line);
  --shadow-pop: 0 2px 6px rgba(0, 0, 0, .08), 0 24px 48px -16px rgba(0, 0, 0, .28);
  --shadow-inset: inset 0 0 0 1px var(--line);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.2, .8, .2, 1); --ease-snappy: cubic-bezier(.3, .9, .3, 1); --ease-in: cubic-bezier(.4, 0, 1, 1);
  --dur-fast: 160ms; --dur: 300ms; --dur-slow: 420ms; --dur-flood: 640ms;

  /* ---------- 组件外观（默认值＝原型现在的样子） ---------- */
  /* 顶栏 */
  --top-h: 58px; --top-h-sm: 52px; --top-pad: 0 22px; --top-max: 1600px;
  --top-filter: blur(14px) saturate(1.2); --top-border: 1px solid var(--line);
  --logo-size: 28px; --logo-radius: 9px; --logo-bg: var(--accent); --logo-fg: var(--on-accent);
  /* 桌面与卡片网格 */
  --desk-max: 1480px; --desk-pad: 18px 24px 40px; --desk-pad-sm: 12px 12px 24px; --desk-cols-gap: 18px;
  --grid-cols: 4; --grid-cols-md: 2; --grid-gap: 14px; --grid-gap-sm: 10px; --grid-row-min: 150px; --grid-row-min-sm: 128px;
  --card-bg: var(--surface); --card-shadow: var(--shadow-card); --card-shadow-hover: var(--shadow-hover); --card-border: 0 solid transparent;
  --card-radius: var(--radius-card); --card-pad: 13px 14px 14px; --card-pad-sm: 12px; --card-body-gap: 8px;
  --card-head-gap: 9px; --card-title-size: var(--fs-label); --card-title-weight: 600; --card-title-color: var(--ink-2); --card-icon-color: var(--accent);
  --card-backdrop: none;               /* 卡片自身的 backdrop-filter（玻璃类皮肤用） */
  /* 「今天」简报条 */
  --brief-bg: var(--surface); --brief-shadow: var(--shadow-card); --brief-radius: var(--radius-panel); --brief-pad: 12px 14px 12px 18px; --brief-gap: 16px;
  --brief-k-size: var(--fs-h2); --brief-k-color: var(--accent);
  --chip-h: 34px; --chip-h-sm: 32px; --chip-pad: 0 13px; --chip-bg: var(--surface-2); --chip-shadow: var(--shadow-inset); --chip-size: var(--fs-ui);
  /* 系统放的「今天」临时卡 */
  --temp-bg: var(--surface); --temp-shadow: var(--shadow-card), inset 3px 0 0 var(--accent); --temp-pad: 16px 16px 12px;
  /* 等你定右栏与草稿卡 */
  --waitcol-w: 330px; --waitcol-w-md: 290px; --waitcol-bg: var(--surface); --waitcol-radius: var(--radius-panel);
  --waitcol-shadow: var(--shadow-card), inset 0 3px 0 var(--decide);
  --ap-bg: var(--surface); --ap-radius: var(--radius-ctl); --ap-pad: 12px 13px; --ap-shadow: var(--shadow-card);
  --ap-out-shadow: var(--shadow-card), inset 3px 0 0 var(--decide);
  /* 整页 */
  --page-bg: var(--desk-bg); --page-filter: none; --page-max: 1160px; --page-pad: 22px 24px 60px; --page-pad-sm: 16px 14px 40px;
  --page-bar-bg: var(--topbar-bg); --page-title-size: var(--fs-page); --page-title-size-sm: var(--fs-page-sm);
  --panel-bg: var(--surface); --panel-shadow: var(--shadow-card); --panel-radius: var(--radius-card);
  /* 弹窗与面板（模块库、＋ 收进来） */
  --modal-w: 1060px; --modal-bg: var(--surface-raised); --modal-shadow: var(--shadow-pop); --modal-radius: var(--radius-panel); --modal-foot-bg: var(--surface-2);
  --modal-title-size: var(--fs-h3);
  --sheet-bg: var(--surface-raised); --sheet-shadow: var(--shadow-pop); --sheet-radius: var(--radius-panel); --mods-w: 1000px;
  --tile-bg: var(--surface-2); --tile-radius: var(--radius-card); --tile-icon-color: var(--accent);
  /* 按钮、分段、徽章 */
  --btn-h: 36px; --btn-h-sm: 30px; --btn-h-xs: 26px; --btn-pad: 0 14px; --btn-size: var(--fs-ui); --btn-weight: 500;
  --btn-bg: var(--surface); --btn-shadow: var(--shadow-inset), 0 1px 1px rgba(0, 0, 0, .03);
  --btn-pri-bg: var(--accent); --btn-pri-fg: var(--on-accent);
  --seg-on-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  --badge-h: 22px; --badge-pad: 0 8px; --badge-size: var(--fs-meta); --badge-weight: 500; --badge-radius: var(--radius-pill);
  /* 手机底部页签 */
  --tabs-h: 62px; --tabs-bg: var(--topbar-bg); --fab-size: 46px; --fab-radius: 15px; --fab-shadow: var(--shadow-pop);
  /* 桌面背景层（#backdrop）与首屏主视觉（.hero） */
  --backdrop: none; --backdrop-1: none; --backdrop-2: none;   /* 三层背景：底、::before、::after，可放渐变、壁纸 url()、光斑 */
  --backdrop-blend-1: normal; --backdrop-blend-2: normal; --backdrop-opacity-1: 1; --backdrop-opacity-2: 1;
  --hero-display: none;                /* 默认不显示；皮肤设成 grid 或 flex 打开 */

  color-scheme: light;
}
[data-theme="dark"] {
  --bg: #141414; --bg-2: #1C1C1C;
  --pocket: rgba(255, 255, 255, .06); --pocket-2: rgba(255, 255, 255, .1);
  --surface: #1F1F1F; --surface-2: #262626; --surface-3: #303030; --surface-raised: #222222;
  --scrim: rgba(0, 0, 0, .55);
  --ink: #EDEDEB; --ink-2: #C2C2BE; --ink-3: #9C9C97;
  --line: rgba(255, 255, 255, .09); --line-strong: rgba(255, 255, 255, .17);
  --accent: #EDEDEB; --accent-hover: #FFFFFF; --on-accent: #141414;
  --accent-soft: rgba(255, 255, 255, .07); --accent-line: rgba(255, 255, 255, .3);
  --wait-bg: #4B331C; --wait-ink: #F3CCA5; --wait-dot: #E59B57;
  --late-bg: #3E3A18; --late-ink: #E2DB95; --late-dot: #CBA92E;
  --today-bg: #1C3B53; --today-ink: #AECEEC; --today-dot: #5E9BD6;
  --done-bg: #1F3F2E; --done-ink: #A7DABA; --done-dot: #4EAF7A;
  --quiet-bg: #383836; --quiet-ink: #D5D5D0; --quiet-dot: #8E8E89;
  --on-dot: #141414;
  --mark: rgba(255, 255, 255, .15);
  --changed-ring: rgba(255, 255, 255, .4);
  --toast-bg: #EDEDEB; --toast-fg: #141414;
  --shadow-card: 0 0 0 1px var(--line);
  --shadow-hover: 0 0 0 1px var(--line-strong);
  --shadow-pop: 0 2px 6px rgba(0, 0, 0, .4), 0 26px 50px -16px rgba(0, 0, 0, .8);
  color-scheme: dark;
}