:root {
  --bg-base: #f7f3ec;
  --bg-surface: #ffffff;
  --bg-soft: #f1ece4;
  --bg-tint: #eef4ff;
  --bg-warm: #fcf7ef;
  --bg-card: rgba(255, 255, 255, 0.92);
  --line-subtle: rgba(25, 31, 42, 0.08);
  --line-strong: rgba(25, 31, 42, 0.16);
  --shadow-soft: 0 24px 80px rgba(24, 31, 41, 0.08);
  --shadow-card: 0 18px 40px rgba(24, 31, 41, 0.08);
  --text-strong: #1a1f27;
  --text-body: #48505d;
  --text-reading: #3f4652;
  --text-muted: #6b7482;
  --text-soft: #8e97a6;
  --accent-blue: #557cff;
  --accent-teal: #3fb8a9;
  --accent-violet: #7d6cf2;
  --accent-gold: #bf9051;
  --grad-brand: linear-gradient(135deg, #557cff 0%, #3fb8a9 52%, #7d6cf2 100%);
  --grad-soft: linear-gradient(135deg, rgba(85, 124, 255, 0.12) 0%, rgba(63, 184, 169, 0.08) 48%, rgba(125, 108, 242, 0.12) 100%);
  --nav-h: 76px;
  --r-xs: 12px;
  --r-sm: 18px;
  --r-md: 24px;
  --r-lg: 32px;
  --content-max: 1240px;
  --content-narrow: 760px;
  --t-fast: .18s ease;
  --t-base: .28s ease;
  --t-slow: .48s ease;
  color-scheme: light;
}