/* 设计令牌：颜色 / 间距 / 圆角 / 字体 / 动效
   拆分自 assets/css/design-system.css（2026-08-30）
   唯一色彩与尺度真相源，改配色只改这里。 */

/* =========================================================
   小鹿的同路人 · 官网设计系统
   风格：薄荷绿 × 暖裸肤金 · 医疗克制风
   ========================================================= */

:root {
  /* 品牌色 - 薄荷绿（原 navy 语义槽） */
  --navy-900: #17514A;
  --navy-800: #1E6159;
  --navy-700: #257469;
  --navy-600: #2E8878;
  --navy-500: #3A9C89;
  --navy-400: #5DB6A3;
  --navy-300: #93D3C4;
  --navy: #257469;
  --navy-deep: #1E6159;
  --navy-bg: #2E8878;
  --navy-soft: #5DB6A3;

  /* 品牌色 - 暖裸肤金（原 gold 语义槽） */
  --gold-50: #FCF6F2;
  --gold-100: #F7E7DF;
  --gold-200: #EDD2C6;
  --gold-300: #DFB7A8;
  --gold-400: #D2A28F;
  --gold-500: #C48E7A;
  --gold-600: #AC7767;
  --gold-700: #8B5F52;
  --gold-800: #6D4A40;
  --gold: #CB9683;
  --gold-soft: #FCF6F2;
  --gold-dark: #8B5F52;
  --gold-light: #DFB7A8;

  /* 辅助色 - teal（功能状态色） */
  --teal-500: #12B39C;
  --teal-600: #0C8D7D;
  --teal-100: #E4F8F3;
  --teal: #12B39C;
  --teal-soft: #E4F8F3;
  --teal-dark: #0C8D7D;

  /* 状态色 */
  --success-500: #0C8D7D;
  --success-100: #E4F8F3;
  --warn-500: #AC7767;
  --warn-100: #FCF6F2;
  --danger-500: #B02A2A;
  --danger-600: #8B1F1F;
  --danger-100: #F5E0E0;
  --danger: #B02A2A;
  --danger-soft: #F5E0E0;

  /* 中性色 - 薄荷冷调 */
  --ink-900: #142A25;
  --ink-800: #223730;
  --ink-700: #334A42;
  --ink-600: #455C54;
  --ink-500: #576E66;
  --muted-500: #6B8077;
  --muted-400: #879B90;
  --line-200: #DFEFE9;
  --line-100: #EDF8F4;
  --line-50:  #F7FCFA;
  --ink: #223730;
  --ink-2: #455C54;
  --muted: #6B8077;
  --line: #E2F1EB;
  --line-2: #F0F9F5;
  --bg: #FFFFFF;
  --bg-soft: #F9FDFB;
  --bg-tint: #F0FAF6;
  --bg-gold-tint: #FDF9F6;
  --bg-steel: #EDF9F5;
  --bg-steel-deep: #E1F3ED;
  --bg-steel-deeper: #CDE9E0;
  --line-steel: #D6ECE4;

  /* 字体 */
  --font-display: "Source Han Sans SC", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Source Han Sans SC", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* 间距刻度（8 个值） */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 88px;

  /* 圆角三档 */
  --r-s: 8px;
  --r-m: 14px;
  --r-l: 22px;
  --r-full: 999px;

  /* 阴影两档 + focus ring */
  --shadow-sm: 0 1px 2px rgba(15, 31, 51, 0.06), 0 2px 8px rgba(15, 31, 51, 0.04);
  --shadow-md: 0 2px 6px rgba(15, 31, 51, 0.06), 0 12px 32px rgba(15, 31, 51, 0.08);
  --shadow-inner: inset 0 2px 4px rgba(15, 31, 51, 0.06);

  /* 容器宽度 */
  --container: 1120px;
  --container-narrow: 840px;

  /* 动效 */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
}