:root {
  /* Brand palette — white theme */
  --color-bg: #ffffff;
  --color-surface: #f6faf8;
  --color-text: #0e1a16;
  --color-muted: #586b65;
  --color-border: #e4ebe8;

  /* Accent (teal capsule / CTA) — sampled from source #398D8D */
  --color-accent: #398d8d;
  --color-accent-strong: #2c7575;
  --color-accent-soft: rgba(57, 141, 141, 0.12);

  /* Deep green used for the globe backdrop glow (墨綠托底) */
  --color-green-deep: #0f4d3f;
  --color-green-mid: #1f7a68;

  /* Typography */
  --font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Layout */
  --max-width: 1200px;
  --radius: 16px;
  --radius-lg: 30px;
  --pill: 100px;
  --shadow-soft: 0 10px 30px rgba(15, 77, 63, 0.08);
  --shadow-card: 0 18px 44px rgba(14, 26, 22, 0.07);
}