/* 扶一把 AI 平台 · 设计令牌
   唯一事实来源：docs/design/DESIGN.md。本文件之外禁止出现颜色字面量；
   要改任何取值，先改 DESIGN.md，再改这里，然后跑 tests/design-tokens.spec.ts。
   字体只用系统与免费字体：不嵌入 @font-face、不外链字体 CDN、不引入付费字体。 */

:root{
  color-scheme: light;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --fs-display: 40px;

  --fw-base: 400;
  --fw-medium: 500;
  --fw-strong: 600;

  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-base: 1.6;

  --sp-0: 2px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-full: 999px;

  --h-compact: 32px;
  --h-base: 36px;
  --h-touch: 44px;
  --row-h: 36px;
  --row-h-narrow: 44px;
  --sidebar-w: 236px;
  --sidebar-w-wide: 260px;
  --content-max: 1600px;

  --dur-1: 120ms;
  --dur-2: 180ms;
  --ease-1: ease-out;

  --border: 1px solid var(--c-line);
  --focus-ring: 2px solid var(--c-focus);
  --focus-offset: 2px;
  --sh-1: 0 1px 2px rgba(24,32,40,.06);
  --sh-2: 0 8px 24px rgba(24,32,40,.10);
  --sh-3: 0 24px 64px rgba(0,0,0,.35);

  /* @light-tokens:begin */
  --c-bg: #F6F5F3;
  --c-panel: #FFFFFF;
  --c-raised: #F1F0EE;
  --c-line: #E2DFDC;
  --c-line-strong: #8B8884;
  --c-ink: #1D1A17;
  --c-muted: #635F5A;
  --c-dim: #736E68;
  --c-disabled: #B4B1AC;
  --c-brand: #C25400;
  --c-brand-hover: #AC4B00;
  --c-brand-active: #944100;
  --c-brand-ink: #B54800;
  --c-brand-tint: #FBEDE1;
  --c-on-brand: #FFFFFF;
  --c-success: #526F10;
  --c-success-tint: #EDF4E6;
  --c-warning: #8A5A0E;
  --c-warning-tint: #FBF0DC;
  --c-danger: #B13230;
  --c-danger-tint: #FBEAE9;
  --c-on-danger: #FFFFFF;
  --c-info: #315FDB;
  --c-info-tint: #EAF0FE;
  --c-focus: #B54800;
  --c-scrim: rgba(18,18,20,.44);
  /* @light-tokens:end */
}

/* 深色令牌在两处出现：系统偏好，以及手动指定 data-theme="dark"。
   两段必须逐字一致，由 tests/design-tokens.spec.ts 强制校验。 */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    /* @dark-tokens:begin */
    --c-bg: #121214;
    --c-panel: #1B1B1E;
    --c-raised: #242428;
    --c-line: #33333A;
    --c-line-strong: #6E6A63;
    --c-ink: #EDEDEF;
    --c-muted: #A9A9B0;
    --c-dim: #8A8A93;
    --c-disabled: #5A5854;
    --c-brand: #F36B00;
    --c-brand-hover: #FF8A33;
    --c-brand-active: #FFB37A;
    --c-brand-ink: #F58A33;
    --c-brand-tint: #3A2413;
    --c-on-brand: #1A1206;
    --c-success: #A8CC63;
    --c-success-tint: #20301A;
    --c-warning: #E7B784;
    --c-warning-tint: #3A2F1C;
    --c-danger: #FF9995;
    --c-danger-tint: #3A2224;
    --c-on-danger: #2A0D0A;
    --c-info: #8FB0F5;
    --c-info-tint: #1E2739;
    --c-focus: #F36B00;
    --c-scrim: rgba(0,0,0,.62);
    /* @dark-tokens:end */
  }
}

:root[data-theme="dark"]{
  color-scheme: dark;
  /* @dark-tokens:begin */
  --c-bg: #121214;
  --c-panel: #1B1B1E;
  --c-raised: #242428;
  --c-line: #33333A;
    --c-line-strong: #6E6A63;
  --c-ink: #EDEDEF;
  --c-muted: #A9A9B0;
  --c-dim: #8A8A93;
    --c-disabled: #5A5854;
  --c-brand: #F36B00;
  --c-brand-hover: #FF8A33;
  --c-brand-active: #FFB37A;
  --c-brand-ink: #F58A33;
  --c-brand-tint: #3A2413;
  --c-on-brand: #1A1206;
  --c-success: #A8CC63;
  --c-success-tint: #20301A;
  --c-warning: #E7B784;
  --c-warning-tint: #3A2F1C;
  --c-danger: #FF9995;
  --c-danger-tint: #3A2224;
    --c-on-danger: #2A0D0A;
  --c-info: #8FB0F5;
  --c-info-tint: #1E2739;
  --c-focus: #F36B00;
    --c-scrim: rgba(0,0,0,.62);
  /* @dark-tokens:end */
}