/* ============================================================
   design-tokens.css — 美冠塔前端设计系统令牌 v7.0
   主色：#1B3A7B (深海军蓝) | A11定稿 · 专业权威 · 力量感
   版本：v7.0 | 2026-05-24 | A11深海军蓝体系落地
   ============================================================ */

/* ===== 1. 品牌色系 — Deep Navy Professional ===== */
:root {
  --primary: #1B3A7B;
  --primary-rgb: 27, 58, 123;
  --primary-hover: #264D99;
  --primary-light: #EDF1FA;
  --primary-lighter: #F4F7FD;
  --primary-dark: #152C5E;
  --primary-deeper: #0F2045;

  --accent: #C2410C;
  --accent-rgb: 194, 65, 12;
  --accent-hover: #9A3412;
  --accent-light: #FFF1EB;

  --success: #059669;
  --success-rgb: 5, 150, 105;
  --success-light: #ECFDF5;

  --warning: #D97706;
  --warning-rgb: 217, 119, 6;
  --warning-light: #FFFBEB;

  --danger: #DC2626;
  --danger-rgb: 220, 38, 38;
  --danger-light: #FEF2F2;

  --info: #0284C7;
  --info-rgb: 2, 132, 199;
  --info-light: #E0F2FE;

  /* 角色色系 — 四大岗位专属 (对齐深海军蓝主色) */
  --role-online-primary: #1B3A7B;
  --role-online-light: #EDF1FA;
  --role-online-gradient-from: #1B3A7B;
  --role-online-gradient-to: #3B82F6;
  --role-online-accent: #2563EB;
  --role-online-bg: #F4F7FD;

  --role-cs-primary: #059669;
  --role-cs-light: #ECFDF5;
  --role-cs-gradient-from: #059669;
  --role-cs-gradient-to: #34d399;
  --role-cs-accent: #047857;
  --role-cs-bg: #ecfdf5;

  --role-consultant-primary: #7C3AED;
  --role-consultant-light: #EDE9FE;
  --role-consultant-gradient-from: #7c3aed;
  --role-consultant-gradient-to: #a78bfa;
  --role-consultant-accent: #6d28d9;
  --role-consultant-bg: #f5f3ff;

  --role-doctor-primary: #0E7490;
  --role-doctor-light: #E0F2FE;
  --role-doctor-gradient-from: #0E7490;
  --role-doctor-gradient-to: #22D3EE;
  --role-doctor-accent: #155E75;
  --role-doctor-bg: #ECFEFF;

  --role-admin-primary: #1B3A7B;
  --role-admin-light: #EDF1FA;
}

/* ===== 2. 基础色 — A11 deepnavy 体系 ===== */
:root {
  --bg: #F4F5F7;
  --bg-card: #FFFFFF;
  --bg-sidebar: #FFFFFF;
  --bg-hover: #F4F5F7;
  --bg-active: #E8ECF2;

  --text-title: #1a1a2e;
  --text-body: #1a1a2e;
  --text-secondary: #5a6070;
  --text-muted: #8b919e;
  --text-disabled: #8b919e;
  --text-placeholder: #8b919e;

  --border: #E5E7EB;
  --border-light: #F0F1F3;
  --border-lighter: #F0F1F3;
}

/* ===== 3. 尺寸令牌 ===== */
:root {
  --radius-sm: 6px;
  --radius-base: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 56px rgba(0,0,0,0.12);

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 28px;

  --font: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;

  /* v6.0: 全局字号 +2~3px，提升可读性 */
  --text-xs: 13px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 17px;
  --text-xl: 18px;
  --text-2xl: 21px;
  --text-3xl: 24px;

  --btn-height-sm: 34px;
  --btn-height: 40px;
  --btn-height-lg: 48px;
  --btn-padding-sm: 14px;
  --btn-padding: 18px;
  --btn-padding-lg: 24px;

  --sidebar-width: 260px; /* 桌面端全宽侧边栏；平板端由 responsive-core.css 覆盖为 68px */
  --left-panel-width: 360px;
  --topbar-height: 60px;
}

/* ===== 4. Hero 渐变区 ===== */
:root {
  --hero-gradient-from: #1B3A7B;
  --hero-gradient-via: #264D99;
  --hero-gradient-to: #3B82F6;
  --hero-shadow: 0 8px 32px rgba(27, 58, 123, 0.35);

  /* 角色 Hero 变体 */
  --hero-online-from: #1B3A7B;
  --hero-online-via: #264D99;
  --hero-online-to: #60A5FA;
  --hero-online-shadow: 0 8px 32px rgba(27, 58, 123, 0.3);

  --hero-cs-from: #059669;
  --hero-cs-via: #10b981;
  --hero-cs-to: #34d399;
  --hero-cs-shadow: 0 8px 32px rgba(5, 150, 105, 0.3);

  --hero-consultant-from: #7C3AED;
  --hero-consultant-via: #8b5cf6;
  --hero-consultant-to: #a78bfa;
  --hero-consultant-shadow: 0 8px 32px rgba(124, 58, 237, 0.3);

  --hero-doctor-from: #0E7490;
  --hero-doctor-via: #22D3EE;
  --hero-doctor-to: #67E8F9;
  --hero-doctor-shadow: 0 8px 32px rgba(14, 116, 144, 0.3);
}

/* ===== 5. 状态色深色变体 ===== */
:root {
  --success-dark: #166534;
  --success-darker: #14532d;
  --warning-dark: #92400e;
  --warning-darker: #78350f;
  --danger-dark: #991b1b;
  --danger-darker: #7f1d1d;
  --info-dark: #0369a1;
  --info-darker: #075985;
}

/* ===== 6. 动画 ===== */
:root {
  --transition-fast: 0.1s;
  --transition-base: 0.12s;
  --transition-slow: 0.2s;
}