/**
 * 京猫印刷 · 全站配色 token（Portal / App / Desk 共用）
 * 主色：京猫红 #c8102e
 */
:root {
  --brand: #c8102e;
  --brand-hover: #a00d25;
  --brand-soft: #fff0f2;
  --brand-muted: #ffd6dc;
  --brand-rgb: 200, 16, 46;

  --bg: #f7f8fa;
  --bg-subtle: #f0f1f3;
  --surface: #ffffff;
  --surface-muted: #fafafa;
  --overlay: rgba(0, 0, 0, 0.82);

  --text: #1a1a1a;
  --text-secondary: #666666;
  --muted: var(--text-secondary);
  --link: var(--brand);

  --line: #e8e8ea;
  --border: var(--line);
  --line-subtle: #f0f0f0;

  --success: #2e7d32;
  --success-soft: #e8f5e9;
  --warning: #b8860b;
  --warning-soft: #fff8e6;
  --warning-border: #f0ad4e;
  --danger: var(--brand);
  --danger-soft: #fde8e8;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* 兼容 App 旧变量名 */
  --red: var(--brand);
  --red-dark: var(--brand-hover);
  --card: var(--surface);
}