/* ══════════════════════════════════════════════════════════════
   South China Tours — Design Tokens
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Colors ── */
  --primary: #1a3c5e;
  --primary-light: #2a5a8a;
  --accent: #c8a45c;
  --accent-light: #e0c88a;
  --bg-light: #f7f5f0;
  --bg-white: #ffffff;
  --text-dark: #2c2c2c;
  --text-medium: #555;
  --text-light: #888;
  --border: #e0dcd0;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow: 0 2px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
  --shadow-card: 0 22px 62px rgba(15,23,42,0.14);

  /* ── Radii ── */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* ── Typography ── */
  --font-body: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  --font-size-sm: 0.82rem;
  --font-size-base: 0.95rem;
  --font-size-lg: 1.08rem;
  --font-size-xl: 1.25rem;
  --font-size-h2: 1.5rem;
  --font-size-h1: clamp(2rem, 5vw, 2.8rem);

  /* ── Spacing ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 56px;

  /* ── Layout ── */
  --content-max: 1240px;
  --content-narrow: 900px;

  /* ── Transitions ── */
  --transition-fast: 160ms ease;
  --transition: 0.25s ease;
}