:root {
  --vt-brand:           #E8521A;
  --vt-brand-dark:      #C23D0C;
  --vt-brand-light:     #FF7540;
  --vt-brand-alpha:     rgba(232, 82, 26, 0.12);
  --vt-bg:              #1A2332;
  --vt-surface:         #243044;
  --vt-surface-high:    #2E3D54;
  --vt-surface-input:   rgba(255, 255, 255, 0.06);
  --vt-text-1:          #F5F5F0;
  --vt-text-2:          rgba(245, 245, 240, 0.70);
  --vt-text-3:          rgba(245, 245, 240, 0.45);
  --vt-text-on-brand:   #FFFFFF;
  --vt-border:          rgba(255, 255, 255, 0.10);
  --vt-border-strong:   rgba(255, 255, 255, 0.22);
  --vt-success:    #2ECC71;  --vt-success-bg: rgba(46,204,113,0.12);
  --vt-warning:    #F39C12;  --vt-warning-bg: rgba(243,156,18,0.12);
  --vt-error:      #E74C3C;  --vt-error-bg:   rgba(231,76,60,0.12);
  --vt-gold:       #D4A843;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-12:48px;
  --page-x: 16px;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:20px; --r-full:9999px;
  --shadow-md:    0 4px 12px rgba(0,0,0,0.25);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.40);
  --shadow-focus: 0 0 0 3px rgba(232,82,26,0.35);
  --dur-fast:120ms; --dur-base:200ms;
  --ease-out:    cubic-bezier(0,0,0.2,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  --font-body:    'Inter', system-ui, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}
[data-theme="light"] {
  --vt-bg:#F7F9FC; --vt-surface:#FFFFFF; --vt-surface-high:#EDF2F7;
  --vt-surface-input:rgba(0,0,0,0.04);
  --vt-text-1:#1A2332; --vt-text-2:#4A5568; --vt-text-3:#718096;
  --vt-border:#E2E8F0; --vt-border-strong:#CBD5E0;
}