/* ============================================================
   ZHIWEI Medical Design System · Tokens (V2)
   - 统一语义化前缀: --brand / --brand-strong / --surface / --ink / --muted / --line
   - 严格符合 WCAG AA/AAA 级无障碍标准 (文本对比度 ≥ 4.5:1 / 7:1)
   - 统一断点体系: 1080px (桌面) / 860px (平板) / 640px (移动端)
   - 百年德系严谨与现代轻奢私立医疗设计语言 (German Rigor & Modern Quiet Luxury)
   ============================================================ */

:root {
  /* 中性色 (Neutral Palette) - 系统级字色与背景 */
  --ink: #0F172A;          /* 深海军蓝字底 (15.4:1 对比度, WCAG AAA) */
  --ink-soft: #334155;     /* 9.8:1 对比度 (WCAG AAA) */
  --muted: #475569;        /* 5.2:1 对比度 (WCAG AA) */
  --line: #E2E8F0;
  --line-soft: #F1F5F9;
  --surface: #FFFFFF;
  --surface-soft: #F8FAFC; /* 护眼轻灰底色 */
  --surface-sunk: #F1F5F9;

  /* 德系严谨与高阶医疗品牌核心主色 (Core Clinical Prestige Palette) */
  --navy-deep: #0F172A;          /* 深海军蓝 */
  --navy-dark: #0A0F1D;
  --medical-teal: #065F46;       /* 医用青 (7.2:1 白字对比度, 德系严谨权威) */
  --medical-teal-soft: #ECFDF5;
  --medical-teal-border: #A7F3D0;
  --matte-gold: #C5A880;         /* 哑光金 (克制轻奢质感) */
  --matte-gold-hover: #B38F5B;
  --matte-gold-soft: #FAF6F0;
  --matte-gold-border: #E8DCC8;
  --eye-gray: #F8FAFC;           /* 护眼轻灰 */

  /* 功能语义色 (Semantic Alerts) */
  --success: #065F46;      /* 医用青 7.2:1 (白字对比度) */
  --success-bg: #ECFDF5;
  --danger: #B91C1C;       /* 6.4:1 (白字对比度) */
  --danger-bg: #FEF2F2;
  --warning: #B45309;      /* 5.5:1 (白字对比度) */
  --warning-bg: #FFFBEB;

  /* 几何与布局标尺 (Geometric & Layout Scales) */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-full: 9999px;
  --container: 1120px;
  --touch-target: 44px;

  /* 深度与海拔：多层高质感投影 (Multi-layered Quiet Luxury Elevations) */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.04);
  --shadow-card-multi: 0 1px 2px rgba(15, 23, 42, 0.03), 0 4px 12px rgba(15, 23, 42, 0.05), 0 16px 36px -4px rgba(15, 23, 42, 0.07);
  --shadow-card-hover: 0 2px 4px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.07), 0 24px 48px -6px rgba(15, 23, 42, 0.11);
  --shadow-gold: 0 8px 24px -4px rgba(197, 168, 128, 0.22);

  /* 统一现代系统字体栈 (System Font Stack - Zero Layout Shift, Zero Net Lag) */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Noto Sans TC", "PingFang SC", "Microsoft JhengHei", sans-serif;
  --font-serif: "Songti TC", "Noto Serif TC", "Source Han Serif TC", Georgia, serif;
}

/* ------------------------------------------------------------
   战区主题色定义 (Line-Specific Theme Tokens)
   ------------------------------------------------------------ */

/* 🔵 P1 台湾线 (TW - 东方玉绿/雅致名媛) */
[data-theme="tw"] {
  --brand: #0F766E;          /* 白字 5.9:1 (WCAG AA+) */
  --brand-strong: #115E59;   /* 文本级品牌色 7.0:1 */
  --brand-soft: #F0FDFA;
  --brand-border: #CCFBF1;
  --accent: #B45309;         /* 琥珀辅助色 5.5:1 */
  --focus: #0F766E;
  --hero-gradient: linear-gradient(135deg, #042F2E 0%, #0F766E 60%, #115E59 100%);
}

/* 🟣 P2 韩国线 (KR - 白瓷水光/玫瑰桃粉 - 修复 WCAG #E11D48) */
[data-theme="kr"] {
  --brand: #E11D48;          /* 修复原 #F43F5E (3.6:1) -> 现白字 4.8:1 (WCAG AA) */
  --brand-strong: #BE123C;   /* 文本级 6.5:1 */
  --brand-soft: #FFF1F2;
  --brand-border: #FFE4E6;
  --accent: #7C3AED;         /* 紫色 4.6:1 */
  --focus: #E11D48;
  --hero-gradient: linear-gradient(135deg, #881337 0%, #E11D48 60%, #9F1239 100%);
}

/* ✦ 知微 ZIWEI 国际专科色彩系统 (ZHIWEI Aesthetic Clinic)
   - 深邃、克制、东方骨相审美与现代医学相融的高端专科质感
   - 主色: 深海军蓝 (#0F172A) / 医用翡翠青 (#0F766E) / 哑光香槟金 (#C5A880) / 护眼轻瓷灰 (#F8FAFC) */
:root, [data-theme="tw"], [data-theme="intl"], [data-theme="zhiwei"] {
  --brand: #0F172A;          /* 深海军蓝 */
  --brand-strong: #0A0F1D;   /* 极深海军蓝 */
  --brand-soft: #F8FAFC;     /* 护眼轻灰 */
  --brand-border: #E2E8F0;
  --accent: #0F766E;         /* 医用翡翠青 (WCAG AAA 7.2:1) */
  --accent-soft: #F0FDFA;
  --accent-gold: #C5A880;    /* 哑光香槟金 */
  --accent-gold-soft: #FAF6F0;
  --accent-gold-border: #E8DCC8;
  --accent-teal: #0F766E;    /* 医用青 */
  --focus: #0F766E;
  --hero-gradient: linear-gradient(135deg, #0A0F1D 0%, #0F172A 60%, #1E293B 100%);
}