:root {
  /* Main theme colors */
  --app-primary-color: #6721ff;
  --app-secondary-color: #00cbff;
  --app-bg-dark: #160042;
  --app-bg-light: #fff;
  --app-bg-gray: #f7f7fd;
  --app-text-main: #c8b8e8;
  --app-text-heading: #ffffff;
  --app-text-paragraph: #c8b8e8;
  --app-accent-yellow: #fdcf6d;
  --app-accent-green: #198754;
  --app-accent-red: #dc3545;
  --app-accent-orange: #fd7e14;
  --app-accent-pink: #d63384;
  --app-accent-purple: #6f42c1;
  --app-accent-cyan: #00c39a;
  --app-accent-blue: #270a5f;
  --app-border-color: rgba(255,255,255,0.13);
  --app-card-bg: rgba(255,255,255,0.1);
  --app-shadow: 0 6px 60px rgba(0,0,0,0.9);
}