body {
  --page-bg: #eef2f7;
  --page-pattern: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.07'%3E%3Crect x='16' y='18' width='64' height='40' rx='7' fill='none' stroke='%23334155' stroke-width='1.2'/%3E%3Cpath d='M25 31h46M25 41h33' stroke='%23b45309' stroke-width='1.1' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='69' r='2.2' fill='%23d97706'/%3E%3Ccircle cx='48' cy='69' r='2.2' fill='%23d97706'/%3E%3Ccircle cx='68' cy='69' r='2.2' fill='%23d97706'/%3E%3C/g%3E%3C/svg%3E");
  --page-glow: radial-gradient(circle at top, rgba(217, 119, 6, .12), transparent 34%);
  --page-gradient: linear-gradient(180deg, #f7fafc 0%, #edf2f7 58%, #e2e8f0 100%);
  --pattern-size: 96px 96px;
  --text-color: #334155;
  --title-color: #b91c1c;
  --subtitle-color: #475569;
  --badge-bg: rgba(255,255,255,.90);
  --quick-bg: rgba(255,255,255,.90);
  --badge-border: rgba(185, 28, 28, .25);
  --badge-text: #991b1b;
  --section-color: #b45309;
  --section-bg: rgba(255,255,255,.90);
  --section-shadow: rgba(51,65,85,.08);
  --stat-bg: rgba(255,255,255,.90);
  --item-bg: rgba(255,255,255,.96);
  --item-border: rgba(148, 163, 184, .22);
  --icon-bg: #ffffff;
  --icon-shadow: rgba(51, 65, 85, .10);
  --soft-shadow: rgba(51,65,85,.06);
  --highlight-outline: rgba(255,255,255,.95);
  --highlight-border: rgba(217, 119, 6, .55);
  --soft-border: rgba(148,163,184,.22);
  --item-title: #334155;
  --muted-text: #475569;
  --footer-color: #475569;
  --footer-link: #b91c1c;
  --profile-ring: linear-gradient(45deg,#f58529,#feda77,#dd2a7b,#8134af,#515bd4);
  --logo-gap: #ffffff;
  --hover-bg: rgba(220, 38, 38, .13);
  --hover-border: rgba(220, 38, 38, .65);
  --hover-shadow: rgba(220, 38, 38, .18);
  --hover-text: #b91c1c;
  --logo-shadow: 0 14px 30px rgba(51, 65, 85, .14);
  --logo-inner: #ffffff;
  --logo-text: #7c2d12;
}