/**
 * LocalCN Trip - CSS Variables Polyfill
 * 桥接 food/ 和 things-to-do/ 页面使用的老版CSS变量命名
 * 到 design-system.css 中已定义的现代令牌系统
 * Version: 1.0.0 | 2025-05-18
 */

:root {
  /* ── 颜色别名 ── */
  --cream: #F5F0E1;
  --ink: #1a1510;
  --ink-60: rgba(26, 21, 16, 0.6);
  --red: #E53935;
  --red-light: #ffcdd2;
  --sky: #1E88E5;
  --sky-light: #d1ecf1;
  --white: #ffffff;

  /* ── 排版别名 ── */
  --font-display: 'Playfair Display', Georgia, serif;

  /* ── 圆角别名（老版 r-* 前缀 → 新版 radius-* 前缀）── */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* ── 阴影别名 ── */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* ── 暗色主题下覆盖 ── */
[data-theme="dark"] {
  --cream: #2a2520;
  --ink: #e0d8c8;
  --ink-60: rgba(224, 216, 200, 0.6);
  --red: #EF5350;
  --red-light: #4a1a1a;
  --sky: #42A5F5;
  --sky-light: #1a2e3a;
  --white: #2d2925;
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.45);
}