/* ============================================================================
 *  DRheEheAM SSO · 设计令牌
 *  取色自 Shizuku：浅葱（蓝绿）为主 + 琥珀为点缀，磨砂玻璃材质
 *  改这一个文件 = 改整个站点的气质
 * ========================================================================== */

html,
[data-theme='light'] {
  /* ---------- 排版 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display',
    'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
    'Noto Sans SC', 'Noto Sans JP', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md:   1.0625rem;
  --fs-lg:   clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --fs-xl:   clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --fs-2xl:  clamp(2.5rem, 1.8rem + 3.4vw, 4.5rem);

  --lh-tight: 1.2;
  --lh-snug:  1.45;
  --lh-base:  1.75;

  /* ---------- 底色 ---------- */
  --bg: #f7f9fa;
  --bg-tint: #eef4f6;
  --bg-veil: rgba(255, 255, 255, 0.35);

  /* ---------- 文字 ---------- */
  --text: #1c2530;
  --text-secondary: #5b6b7a;
  --text-muted: #93a3b0;

  /* ---------- 主色：浅葱 ---------- */
  --primary: #3f7d8c;
  --primary-hover: #33697a;
  --primary-soft: rgba(63, 125, 140, 0.1);
  --primary-ring: rgba(63, 125, 140, 0.28);

  /* ---------- 点缀：琥珀 ---------- */
  --accent: #d99429;
  --accent-hover: #c07f1c;
  --accent-soft: rgba(217, 148, 41, 0.12);

  /* ---------- 磨砂玻璃 ---------- */
  --glass-blur: 24px;
  --glass-sat: 180%;
  --glass-bg: rgba(255, 255, 255, 0.68);
  --glass-bg-strong: rgba(255, 255, 255, 0.84);
  --glass-border: rgba(28, 37, 48, 0.07);
  --glass-shadow: 0 8px 32px rgba(31, 45, 61, 0.06);
  --glass-shadow-hover: 0 12px 40px rgba(31, 45, 61, 0.1);
  --glass-inner: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* ---------- 圆角 ---------- */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --dur: 0.32s;
}

[data-theme='dark'] {
  --bg: #0e1418;
  --bg-tint: #131b20;
  --bg-veil: rgba(14, 20, 24, 0.35);

  --text: #e6edf2;
  --text-secondary: #9fb0bd;
  --text-muted: #64788a;

  --primary: #6fb3c2;
  --primary-hover: #8ac6d3;
  --primary-soft: rgba(111, 179, 194, 0.14);
  --primary-ring: rgba(111, 179, 194, 0.32);

  --accent: #e8a33d;
  --accent-hover: #f2b458;
  --accent-soft: rgba(232, 163, 61, 0.14);

  --glass-bg: rgba(10, 15, 19, 0.45);
  --glass-bg-strong: rgba(10, 15, 19, 0.58);
  --glass-border: rgba(255, 255, 255, 0.13);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.4);
  --glass-inner: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* 尊重系统「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur: 0.01s;
  }
}