:root {

  --bg: #f1f5f9;
  --bg-alt: #e2e8f0;
  --surface: #ffffff;
  --border: #cbd5e1;
  --border-strong: #94a3b8;
  --text: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;

  --accent: #0d9488;
  --accent-dark: #0f766e;
  --accent-soft: #ccfbf1;

  --pine: #0e7490;
  --pine-soft: #cffafe;
  --gold: #0891b2;
  --gold-soft: #e0f2fe;

  --dark: #0f172a;
  --dark-text: #e2e8f0;
  --dark-border: #334155;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 16px -4px rgba(15, 23, 42, 0.1), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 16px 40px -12px rgba(15, 23, 42, 0.18);

  --font: "DM Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Helvetica Neue", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;

  --container: 1180px;

  --hero-glow: radial-gradient(ellipse 80% 60% at 70% -10%, rgba(13, 148, 136, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 20%, rgba(14, 116, 144, 0.08), transparent 50%);
  --grid-line: rgba(148, 163, 184, 0.22);
}