/* ================================================================
   清氧 · Modern Minimal — 乐龄宝现代简约版主题
   灵感：氧气感、极简留白、医疗健康专业感
   适用场景：员工管理后台、年轻家属端、展示页
   ================================================================ */
:root[data-theme="modern-minimal"] {
  /* ── 中性灰度 ── */
  --ink-light:  rgba(0,0,0,0.04);
  --ink-soft:   rgba(0,0,0,0.08);
  --ink-medium: rgba(0,0,0,0.16);
  --ink-strong: rgba(0,0,0,0.30);
  --ink-deep:   rgba(0,0,0,0.55);
  --ink-full:   #1A1A2E;

  /* ── 氧蓝主色 ── */
  --vermilion-50:  #F0F7FF;
  --vermilion-100: #DDEBFF;
  --vermilion-200: #B3D4FF;
  --vermilion-300: #6BA3E8;
  --vermilion-400: #4488D0;
  --vermilion-500: #2D6CB5;
  --vermilion-600: #1E5090;
  --vermilion-700: #143C70;

  /* ── 薄荷辅助 ── */
  --gold-50:  #F0FFF7;
  --gold-100: #D5FFE8;
  --gold-200: #A0F0C8;
  --gold-300: #60D898;
  --gold-400: #38B870;
  --gold-500: #289858;
  --gold-600: #207848;
  --gold-700: #185838;

  /* ── 翡翠 ── */
  --jade-50:  #F2FAF8;
  --jade-100: #DBF0EA;
  --jade-200: #B0E0D0;
  --jade-300: #78C8A8;
  --jade-400: #48A880;
  --jade-500: #308868;

  /* ── 冷白纸 ── */
  --paper-warm:   #FAFBFC;
  --paper-ivory:  #F4F6F8;
  --paper-aged:   #EBEEF2;
  --paper-dark:   #DDE1E6;

  /* ── Surface ── */
  --bg-primary:    #FAFBFC;
  --bg-secondary:  #F4F6F8;
  --bg-tertiary:   #EBEEF2;
  --surface:       rgba(255,255,255,0.92);
  --surface-glass: rgba(250,251,252,0.78);
  --surface-hover: #F0F2F5;

  /* ── Text ── */
  --text-primary:   #1A1A2E;
  --text-secondary: #5A6070;
  --text-tertiary:  #8E94A0;
  --text-inverse:   #FFFFFF;
  --text-link:      #2D6CB5;

  /* ── Accent ── */
  --color-primary:    #2D6CB5;
  --color-primary-hover: #1E5090;
  --color-secondary:  #289858;
  --color-success:    #289858;
  --color-warning:    #E8A020;
  --color-danger:     #D84040;
  --color-info:       #5A6B80;

  /* ── Border & Shadow 轻量现代 ── */
  --border-light:  rgba(0,0,0,0.06);
  --border-medium: rgba(0,0,0,0.10);
  --border-strong: rgba(0,0,0,0.18);
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg:  0 10px 30px rgba(0,0,0,0.06), 0 4px 8px rgba(0,0,0,0.04);
  --shadow-xl:  0 20px 50px rgba(0,0,0,0.08), 0 8px 16px rgba(0,0,0,0.04);
  --shadow-ink: 0 0 30px rgba(45,108,181,0.12);

  /* ── Radius ── */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* ── Typography ── */
  --font-sans: 'PingFang SC', 'Helvetica Neue', 'Segoe UI', sans-serif;
  --font-display: 'PingFang SC', 'Helvetica Neue', sans-serif;
  --font-brush: 'STKaiti', 'KaiTi', cursive;
  --font-mono: 'JetBrains Mono', 'SF Mono', monospace;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 26px;

  /* ── Spacing ── */
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px;
  --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px;

  /* ── Motion 利落快速 ── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 120ms;
  --transition-normal: 200ms;
  --transition-slow: 350ms;
}