:root {
  --brand-primary: #1f1f76;
  --brand-secondary: #99c5ff;
  --brand-accent: #f7cd38;
  --accent-yellow: #f7cd38;
  --surface-bg: #ffffff;
  --surface-card: #f8faff;
  --surface-alt: #f1f5ff;
  --text-primary: #1f1f76;
  --text-secondary: #4a5568;
  --text-inverse: #ffffff;
  --border-default: #e2e8f0;
  --state-success: #22c55e;
  --state-warning: #f59e0b;
  --state-error: #ef4444;
}

.text-display { font-size: 48px; font-weight: 700; line-height: 1.1; }
.text-heading-1 { font-size: 36px; font-weight: 700; line-height: 1.2; }
.text-heading-2 { font-size: 28px; font-weight: 700; line-height: 1.3; }
.text-heading-3 { font-size: 22px; font-weight: 600; line-height: 1.4; }
.text-body-lg { font-size: 18px; font-weight: 400; line-height: 1.7; }
.text-body { font-size: 16px; font-weight: 400; line-height: 1.7; }
.text-body-sm { font-size: 14px; font-weight: 400; line-height: 1.6; }
.text-caption { font-size: 12px; font-weight: 500; line-height: 1.5; }
.text-overline { font-size: 12px; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.08em; }