/**
 * 工场店设计令牌 V2（场景驱动）· 管理后台
 * 落位：backend/static/admin/tokens.css
 * 规范正文：设计规范/02-设计令牌.md
 */
:root {
  /* 品牌色：只表示动作 */
  --c-blue: #1D5CD6;
  --c-blue-hover: #1749B0;
  --c-blue-active: #123A96;
  --c-blue-light: #EEF3FF;
  --c-blue-deep: #12307A;
  --c-blue-mid: #4A86EA;

  /* 奖励色：只表示奖励与金额 */
  --c-amber: #F5A623;
  --c-amber-deep: #D98200;
  --c-amber-light: #FFF5E3;
  --c-amber-ink: #6B4300;

  /* 状态色 */
  --c-green: #12A150;
  --c-green-light: #E7F7EE;
  --c-orange: #D98200;
  --c-orange-light: #FFF5E3;
  --c-red: #E5484D;
  --c-red-light: #FDECEC;
  --c-indigo: #6D5CE7;
  --c-indigo-light: #F0EEFF;
  --c-teal: #12617F;

  /* 背景与文字 */
  --c-bg: #FFFFFF;
  --c-bg-secondary: #F4F6FA;
  --c-bg-tertiary: #F2F5FB;
  --c-text: #0F1B2D;
  --c-text-secondary: #586880;
  --c-text-tertiary: #93A0B4;
  --c-text-inverse: #FFFFFF;

  --c-separator: rgba(15, 27, 45, 0.08);
  --c-separator-opaque: #D7DEE9;
  --c-overlay: rgba(9, 17, 32, 0.45);
  --c-backdrop: rgba(9, 17, 32, 0.55);

  /* 后台结构常量 */
  --c-sidebar-w: 220px;
  --c-sidebar-bg: #0F1B2D;      /* 深墨蓝侧边栏（不用深蓝渐变） */
  --c-sidebar-fg: #C3CDDC;
  --c-sidebar-fg-dim: #6D7C93;
  --c-sidebar-item-h: 34px;
  --c-content-pad: 20px;
  --c-table-row-h: 40px;
  --c-stat-num: 24px;
  --c-body: 13px;
  --c-caption: 12px;
  --c-micro: 11px;
  --c-font-md: 14px;
  --c-font-lg: 16px;
  --c-font-title: 18px;
  --c-font-sub: 15px;

  --c-radius-sm: 8px;
  --c-radius-md: 10px;
  --c-radius-lg: 14px;
  --c-radius-xl: 18px;
  --c-radius-pill: 9999px;
  --c-card-pad: 14px;
  --c-section-bar-w: 3px;
  --c-section-bar-h: 14px;

  --c-shadow-1: 0 1px 3px rgba(15, 27, 45, 0.06), 0 12px 28px -20px rgba(15, 27, 45, 0.4);

  --c-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --c-dur: 300ms;

  --c-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --c-font-mono: ui-monospace, "SF Mono", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-blue: #4A86EA;
    --c-blue-hover: #6A9BFF;
    --c-blue-light: #17305C;
    --c-bg: #1C1C1E;
    --c-bg-secondary: #14161B;
    --c-bg-tertiary: #23262E;
    --c-text: #F2F4F8;
    --c-text-secondary: #9AA6BA;
    --c-text-tertiary: #6D7C93;
    --c-separator: rgba(255, 255, 255, 0.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --c-dur: 0ms; }
}