@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700&family=Rubik:wght@400;500&display=swap');

:root {
  --color-primary:     #452E78;
  --color-primary-alt: #6645B1;
  --color-secondary:   #FFB12A;
  --font-title: 'Inter Tight', sans-serif;
  --font-body:  'Rubik', sans-serif;
  --radius:     8px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
}

[data-theme="light"] {
  --color-bg:      #E9E9E9;
  --color-surface: #FFFFFF;
  --color-text:    #111111;
  --color-border:  #CCCCCC;
}

[data-theme="dark"] {
  --color-bg:      #232323;
  --color-surface: #2E2E2E;
  --color-text:    #F5F5F5;
  --color-border:  #444444;
}