/* ============================================================================
   设计令牌
   ----------------------------------------------------------------------------
   一个品牌色（蒂芙尼绿）+ 一套中性色 + 一套语义色，其余全部由它们推导。
   新增颜色前先问：能不能用现有的某一级？能，就别加。
   ========================================================================== */
:root {
  /* 品牌：蒂芙尼绿。050/100 用于底，500 是主色，600 用于 hover 与文字 */
  --tiffany-050: #eefbfa;
  --tiffany-100: #d6f4f1;
  --tiffany-200: #a9e9e4;
  --tiffany-300: #6fd9d3;
  --tiffany-400: #2ac4bd;
  --tiffany-500: #0abab5;
  --tiffany-600: #089e99;
  --tiffany-700: #067d79;

  /* 中性：偏暖的灰绿，避免纯灰的塑料感 */
  --ink-900: #0d1b1a;
  --ink-700: #24393a;
  --ink-500: #4e6665;
  --ink-400: #7b9192;
  --ink-300: #9db1b1;
  --ink-200: #c8d6d5;
  --ink-100: #e3eceb;
  --ink-050: #f1f6f5;

  --surface: #ffffff;
  --surface-sunken: #f7fafa;
  --canvas: #f7fafa;
  --line: #e5eeed;
  --line-strong: #d3e0df;

  /* 语义 */
  --ok: #12a594;
  --ok-bg: #e9f8f5;
  --warn: #c98a00;
  --warn-bg: #fdf6e3;
  --danger: #d6455d;
  --danger-bg: #fdeef1;
  --info: #3b7dd8;
  --info-bg: #eef4fd;

  /* 订单状态：与小程序端一致 */
  --st-unpaid: #b07d00;
  --st-unpaid-bg: #fdf6e3;
  --st-pending: #0b8fd6;
  --st-pending-bg: #eaf5fd;
  --st-ready: #0abab5;
  --st-ready-bg: #e6f8f7;
  --st-done: #12a594;
  --st-done-bg: #e9f8f5;
  --st-canceled: #8a9c9c;
  --st-canceled-bg: #f1f5f5;

  /* 圆角：只有三档，界面才不会「圆得乱七八糟」 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* 间距：4 的倍数 */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;

  /* 阴影：极浅，主要靠 1px 描边分层 */
  --shadow-xs: 0 1px 2px rgba(13, 27, 26, 0.04);
  --shadow-sm: 0 2px 8px rgba(13, 27, 26, 0.05);
  --shadow-md: 0 10px 30px rgba(13, 27, 26, 0.08);
  --shadow-lg: 0 24px 60px rgba(13, 27, 26, 0.14);
  --ring: 0 0 0 3px rgba(10, 186, 181, 0.18);

  --sidebar-w: 232px;
  --topbar-h: 68px;
  --content-max: 1240px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 180ms;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  --font-num: 'SF Mono', 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
}