/* ==================== CooChrip v10 · 设计令牌 ==================== */

:root {
  /* 颜色 */
  --bg: #F8F5F0;
  --bg-grad-1: #C8DDF0;
  --bg-grad-2: #E8F0F8;
  --bg-grad-3: #F5F0E8;
  --text-primary: #1A2B3D;
  --text-secondary: #6B8299;
  --text-tertiary: #B0C0D0;
  --accent: #4A90D9;
  --accent-deep: #2E6DB0;
  --accent-soft: #C8DDF0;
  --accent-yellow: #F5D78E;

  /* 玻璃材质 */
  --glass-bg: rgba(255, 255, 255, 0.35);
  --glass-bg-strong: rgba(255, 255, 255, 0.65);
  --glass-bg-modal: rgba(252, 250, 246, 0.65);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-border-soft: rgba(255, 255, 255, 0.35);
  --glass-blur-strong: 20px;

  /* 圆角 */
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;

  /* 缓动 */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* diff 高亮 */
  --same-bg: rgba(140, 200, 160, 0.28);
  --same-text: #3A8060;
  --diff-bg: rgba(230, 140, 150, 0.28);
  --diff-text: #C75470;
  --missing-bg: rgba(245, 215, 142, 0.4);
  --missing-text: #9B7A2C;

  /* 字体缩放 */
  --font-scale: 1;
}

[data-theme="dark"] {
  --bg: #0E1A26;
  --bg-grad-1: #1A3050;
  --bg-grad-2: #1A2A3A;
  --bg-grad-3: #2A2520;
  --text-primary: #E8F0F8;
  --text-secondary: #90A8C0;
  --text-tertiary: #506070;
  --glass-bg: rgba(30, 45, 65, 0.4);
  --glass-bg-strong: rgba(30, 45, 65, 0.7);
  --glass-bg-modal: rgba(28, 42, 60, 0.85);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-border-soft: rgba(255, 255, 255, 0.05);
  --same-bg: rgba(100, 170, 130, 0.25);
  --same-text: #A5D4B0;
  --diff-bg: rgba(200, 100, 120, 0.25);
  --diff-text: #E8A8B8;
  --missing-bg: rgba(245, 215, 142, 0.2);
  --missing-text: #D9C89A;
}

[data-anim="off"] * { animation: none !important; transition: none !important; }
[data-anim="reduced"] .blob { animation: none !important; }

body[data-font="small"]  { --font-scale: 0.92; }
body[data-font="medium"] { --font-scale: 1; }
body[data-font="large"]  { --font-scale: 1.08; }