*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --rccg-purple:    #2B1FA8;
  --rccg-purple-dk: #1A1270;
  --rccg-purple-md: #3D30C0;
  --rccg-purple-act:#4A3FD4;
  --rccg-red:       #CC0000;
  --rccg-red-dk:    #A80000;
  --rccg-green:     #007A3D;
  --rccg-green-lt:  #009A4E;
  --gold:           #C8972B;
  --gold-lt:        #E8B84B;
  --white:          #FFFFFF;
  --off-white:      #F2EEE8;
  --tint-purple:    #F0EFFA;
  --gray-200:       #E5E7EB;
  --gray-400:       #9CA3AF;
  --gray-600:       #6B7280;
  --text:           #1A1A2E;
  --radius:         6px;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); }