:root {
  --color-primary:       #534AB7;
  --color-primary-dark:  #3F37A0;
  --color-primary-light: #EEEDF9;
  --color-primary-text:  #2E2880;

  --color-muted:         #6B6499;
  --color-muted-light:   #F0EFF8;

  --color-white: #FFFFFF;
  --color-bg:    #F9FAFB;
  --color-surface: #F3F4F6;
  --color-black:   #111827;

  --color-text-primary:   #111827;
  --color-text-secondary: #374151;
  --color-text-muted:     #6B7280;
  --color-text-on-primary: #FFFFFF;

  --color-success:       #2D8A4E;
  --color-warning:       #D4820A;
  --color-error:         #C0392B;
  --color-info:          #2471A3;

  --color-success-light: #EAF5EE;
  --color-warning-light: #FEF3E2;
  --color-error-light:   #FDECEB;
  --color-info-light:    #EAF3FB;

  --color-border:        #E5E7EB;
  --color-border-focus:  #534AB7;
  --color-border-error:  #C0392B;

  --shadow-soft: 0 4px 16px rgba(83, 74, 183, 0.08);
  --shadow-card: 0 8px 32px rgba(17, 24, 39, 0.08);
}