:root {
  /* Primary */
  --neon-primary-50: #e6f0fd;
  --neon-primary-100: #cce1fb;
  --neon-primary-200: #99c3f8;
  --neon-primary-300: #66a5f4;
  --neon-primary-400: #3387f1;
  --neon-primary-500: #4994EC; /* Warna utama */
  --neon-primary-600: #0069e0;
  --neon-primary-700: #0055b3;
  --neon-primary-800: #004080;
  --neon-primary-900: #002b4d;
  --neon-primary-950: #001527;
  
  /* Secondary */
  --neon-secondary-50: #f2f3f4;
  --neon-secondary-100: #e5e7e9;
  --neon-secondary-200: #ccd0d3;
  --neon-secondary-300: #b3b8bd;
  --neon-secondary-400: #999fa6;
  --neon-secondary-500: #6E757C; /* Warna utama */
  --neon-secondary-600: #4a5056;
  --neon-secondary-700: #3d4247;
  --neon-secondary-800: #2f3337;
  --neon-secondary-900: #212224;
  --neon-secondary-950: #18191b;
  
  /* Success */
  --neon-success-50: #e6f3ec;
  --neon-success-100: #cce6d9;
  --neon-success-200: #99cdb3;
  --neon-success-300: #66b48e;
  --neon-success-400: #339b68;
  --neon-success-500: #408559; /* Warna utama */
  --neon-success-600: #2d6742;
  --neon-success-700: #235136;
  --neon-success-800: #1a3b29;
  --neon-success-900: #11251b;
  --neon-success-950: #09120d;

  /* Danger */
  --neon-danger-50: #fbeaea;
  --neon-danger-100: #f7d5d5;
  --neon-danger-200: #efabab;
  --neon-danger-300: #e88181;
  --neon-danger-400: #e05757;
  --neon-danger-500: #CB444A; /* Warna utama */
  --neon-danger-600: #a1363b;
  --neon-danger-700: #792b2d;
  --neon-danger-800: #521e1e;
  --neon-danger-900: #2a1010;
  --neon-danger-950: #150808;

  /* Warning */
  --neon-warning-50: #fef9e6;
  --neon-warning-100: #fef3cc;
  --neon-warning-200: #fde699;
  --neon-warning-300: #fcd966;
  --neon-warning-400: #fccc33;
  --neon-warning-500: #F6C444; /* Warna utama */
  --neon-warning-600: #c69d34;
  --neon-warning-700: #957724;
  --neon-warning-800: #645015;
  --neon-warning-900: #322808;
  --neon-warning-950: #191404;

  /* Accent */
  --neon-accent-50: #fef3e3;
  --neon-accent-100: #fce5c0;
  --neon-accent-200: #fbd69d;
  --neon-accent-300: #f9c87f;
  --neon-accent-400: #f8bb68;
  --neon-accent-500: #f6d07b; /* Base color */
  --neon-accent-600: #d9ad5b;
  --neon-accent-700: #b48946;
  --neon-accent-800: #8e6534;
  --neon-accent-900: #684322;
  --neon-accent-950: #452a15;
  
  /* Dark */
  --neon-dark-50: #f2f2f3;
  --neon-dark-100: #d9dadb;
  --neon-dark-200: #b3b5b7;
  --neon-dark-300: #8d9092;
  --neon-dark-400: #666a6e;
  --neon-dark-500: #222529; /* Warna utama */
  --neon-dark-600: #1b1d20;
  --neon-dark-700: #141517;
  --neon-dark-800: #0e0f10;
  --neon-dark-900: #070808;
  --neon-dark-950: #030404;
  
  /* White */
  --neon-white-50: #fefefe;
  --neon-white-100: #fcfcfc;
  --neon-white-200: #fafafa;
  --neon-white-300: #f7f7f7;
  --neon-white-400: #f5f5f5;
  --neon-white-500: #FFFFFF; /* Warna utama */
  --neon-white-600: #e0e0e0;
  --neon-white-700: #b3b3b3;
  --neon-white-800: #808080;
  --neon-white-900: #4d4d4d;
  --neon-white-950: #262626;
}

/* Primary */
.neon-bg-primary-50 { background-color: var(--neon-primary-50) !important; }
.neon-bg-primary-100 { background-color: var(--neon-primary-100) !important; }
.neon-bg-primary-200 { background-color: var(--neon-primary-200) !important; }
.neon-bg-primary-300 { background-color: var(--neon-primary-300) !important; }
.neon-bg-primary-400 { background-color: var(--neon-primary-400) !important; }
.neon-bg-primary-500 { background-color: var(--neon-primary-500) !important; }
.neon-bg-primary-600 { background-color: var(--neon-primary-600) !important; }
.neon-bg-primary-700 { background-color: var(--neon-primary-700) !important; }
.neon-bg-primary-800 { background-color: var(--neon-primary-800) !important; }
.neon-bg-primary-900 { background-color: var(--neon-primary-900) !important; }
.neon-bg-primary-950 { background-color: var(--neon-primary-950) !important; }

/* Secondary */
.neon-bg-secondary-50 { background-color: var(--neon-secondary-50) !important; }
.neon-bg-secondary-100 { background-color: var(--neon-secondary-100) !important; }
.neon-bg-secondary-200 { background-color: var(--neon-secondary-200) !important; }
.neon-bg-secondary-300 { background-color: var(--neon-secondary-300) !important; }
.neon-bg-secondary-400 { background-color: var(--neon-secondary-400) !important; }
.neon-bg-secondary-500 { background-color: var(--neon-secondary-500) !important; }
.neon-bg-secondary-600 { background-color: var(--neon-secondary-600) !important; }
.neon-bg-secondary-700 { background-color: var(--neon-secondary-700) !important; }
.neon-bg-secondary-800 { background-color: var(--neon-secondary-800) !important; }
.neon-bg-secondary-900 { background-color: var(--neon-secondary-900) !important; }
.neon-bg-secondary-950 { background-color: var(--neon-secondary-950) !important; }

/* Success */
.neon-bg-success-50 { background-color: var(--neon-success-50) !important; }
.neon-bg-success-100 { background-color: var(--neon-success-100) !important; }
.neon-bg-success-200 { background-color: var(--neon-success-200) !important; }
.neon-bg-success-300 { background-color: var(--neon-success-300) !important; }
.neon-bg-success-400 { background-color: var(--neon-success-400) !important; }
.neon-bg-success-500 { background-color: var(--neon-success-500) !important; }
.neon-bg-success-600 { background-color: var(--neon-success-600) !important; }
.neon-bg-success-700 { background-color: var(--neon-success-700) !important; }
.neon-bg-success-800 { background-color: var(--neon-success-800) !important; }
.neon-bg-success-900 { background-color: var(--neon-success-900) !important; }
.neon-bg-success-950 { background-color: var(--neon-success-950) !important; }

/* Danger */
.neon-bg-danger-50 { background-color: var(--neon-danger-50) !important; }
.neon-bg-danger-100 { background-color: var(--neon-danger-100) !important; }
.neon-bg-danger-200 { background-color: var(--neon-danger-200) !important; }
.neon-bg-danger-300 { background-color: var(--neon-danger-300) !important; }
.neon-bg-danger-400 { background-color: var(--neon-danger-400) !important; }
.neon-bg-danger-500 { background-color: var(--neon-danger-500) !important; }
.neon-bg-danger-600 { background-color: var(--neon-danger-600) !important; }
.neon-bg-danger-700 { background-color: var(--neon-danger-700) !important; }
.neon-bg-danger-800 { background-color: var(--neon-danger-800) !important; }
.neon-bg-danger-900 { background-color: var(--neon-danger-900) !important; }
.neon-bg-danger-950 { background-color: var(--neon-danger-950) !important; }

/* Warning */
.neon-bg-warning-50 { background-color: var(--neon-warning-50) !important; }
.neon-bg-warning-100 { background-color: var(--neon-warning-100) !important; }
.neon-bg-warning-200 { background-color: var(--neon-warning-200) !important; }
.neon-bg-warning-300 { background-color: var(--neon-warning-300) !important; }
.neon-bg-warning-400 { background-color: var(--neon-warning-400) !important; }
.neon-bg-warning-500 { background-color: var(--neon-warning-500) !important; }
.neon-bg-warning-600 { background-color: var(--neon-warning-600) !important; }
.neon-bg-warning-700 { background-color: var(--neon-warning-700) !important; }
.neon-bg-warning-800 { background-color: var(--neon-warning-800) !important; }
.neon-bg-warning-900 { background-color: var(--neon-warning-900) !important; }
.neon-bg-warning-950 { background-color: var(--neon-warning-950) !important; }

/* Accent */
.neon-bg-accent-50 { background-color: var(--neon-accent-50) !important; }
.neon-bg-accent-100 { background-color: var(--neon-accent-100) !important; }
.neon-bg-accent-200 { background-color: var(--neon-accent-200) !important; }
.neon-bg-accent-300 { background-color: var(--neon-accent-300) !important; }
.neon-bg-accent-400 { background-color: var(--neon-accent-400) !important; }
.neon-bg-accent-500 { background-color: var(--neon-accent-500) !important; }
.neon-bg-accent-600 { background-color: var(--neon-accent-600) !important; }
.neon-bg-accent-700 { background-color: var(--neon-accent-700) !important; }
.neon-bg-accent-800 { background-color: var(--neon-accent-800) !important; }
.neon-bg-accent-900 { background-color: var(--neon-accent-900) !important; }
.neon-bg-accent-950 { background-color: var(--neon-accent-950) !important; }

/* Background Dark */
.neon-bg-dark-50 { background-color: var(--neon-dark-50) !important; }
.neon-bg-dark-100 { background-color: var(--neon-dark-100) !important; }
.neon-bg-dark-200 { background-color: var(--neon-dark-200) !important; }
.neon-bg-dark-300 { background-color: var(--neon-dark-300) !important; }
.neon-bg-dark-400 { background-color: var(--neon-dark-400) !important; }
.neon-bg-dark-500 { background-color: var(--neon-dark-500) !important; }
.neon-bg-dark-600 { background-color: var(--neon-dark-600) !important; }
.neon-bg-dark-700 { background-color: var(--neon-dark-700) !important; }
.neon-bg-dark-800 { background-color: var(--neon-dark-800) !important; }
.neon-bg-dark-900 { background-color: var(--neon-dark-900) !important; }
.neon-bg-dark-950 { background-color: var(--neon-dark-950) !important; }

/* Background White */
.neon-bg-white-50 { background-color: var(--neon-white-50) !important; }
.neon-bg-white-100 { background-color: var(--neon-white-100) !important; }
.neon-bg-white-200 { background-color: var(--neon-white-200) !important; }
.neon-bg-white-300 { background-color: var(--neon-white-300) !important; }
.neon-bg-white-400 { background-color: var(--neon-white-400) !important; }
.neon-bg-white-500 { background-color: var(--neon-white-500) !important; }
.neon-bg-white-600 { background-color: var(--neon-white-600) !important; }
.neon-bg-white-700 { background-color: var(--neon-white-700) !important; }
.neon-bg-white-800 { background-color: var(--neon-white-800) !important; }
.neon-bg-white-900 { background-color: var(--neon-white-900) !important; }
.neon-bg-white-950 { background-color: var(--neon-white-950) !important; }

/* Text Primary */
.neon-text-primary-50 { color: var(--neon-primary-50) !important; }
.neon-text-primary-100 { color: var(--neon-primary-100) !important; }
.neon-text-primary-200 { color: var(--neon-primary-200) !important; }
.neon-text-primary-300 { color: var(--neon-primary-300) !important; }
.neon-text-primary-400 { color: var(--neon-primary-400) !important; }
.neon-text-primary-500 { color: var(--neon-primary-500) !important; }
.neon-text-primary-600 { color: var(--neon-primary-600) !important; }
.neon-text-primary-700 { color: var(--neon-primary-700) !important; }
.neon-text-primary-800 { color: var(--neon-primary-800) !important; }
.neon-text-primary-900 { color: var(--neon-primary-900) !important; }
.neon-text-primary-950 { color: var(--neon-primary-950) !important; }

/* Text Secondary */
.neon-text-secondary-50 { color: var(--neon-secondary-50) !important; }
.neon-text-secondary-100 { color: var(--neon-secondary-100) !important; }
.neon-text-secondary-200 { color: var(--neon-secondary-200) !important; }
.neon-text-secondary-300 { color: var(--neon-secondary-300) !important; }
.neon-text-secondary-400 { color: var(--neon-secondary-400) !important; }
.neon-text-secondary-500 { color: var(--neon-secondary-500) !important; }
.neon-text-secondary-600 { color: var(--neon-secondary-600) !important; }
.neon-text-secondary-700 { color: var(--neon-secondary-700) !important; }
.neon-text-secondary-800 { color: var(--neon-secondary-800) !important; }
.neon-text-secondary-900 { color: var(--neon-secondary-900) !important; }
.neon-text-secondary-950 { color: var(--neon-secondary-950) !important; }

/* Text Success */
.neon-text-success-50 { color: var(--neon-success-50) !important; }
.neon-text-success-100 { color: var(--neon-success-100) !important; }
.neon-text-success-200 { color: var(--neon-success-200) !important; }
.neon-text-success-300 { color: var(--neon-success-300) !important; }
.neon-text-success-400 { color: var(--neon-success-400) !important; }
.neon-text-success-500 { color: var(--neon-success-500) !important; }
.neon-text-success-600 { color: var(--neon-success-600) !important; }
.neon-text-success-700 { color: var(--neon-success-700) !important; }
.neon-text-success-800 { color: var(--neon-success-800) !important; }
.neon-text-success-900 { color: var(--neon-success-900) !important; }
.neon-text-success-950 { color: var(--neon-success-950) !important; }

/* Text Danger */
.neon-text-danger-50 { color: var(--neon-danger-50) !important; }
.neon-text-danger-100 { color: var(--neon-danger-100) !important; }
.neon-text-danger-200 { color: var(--neon-danger-200) !important; }
.neon-text-danger-300 { color: var(--neon-danger-300) !important; }
.neon-text-danger-400 { color: var(--neon-danger-400) !important; }
.neon-text-danger-500 { color: var(--neon-danger-500) !important; }
.neon-text-danger-600 { color: var(--neon-danger-600) !important; }
.neon-text-danger-700 { color: var(--neon-danger-700) !important; }
.neon-text-danger-800 { color: var(--neon-danger-800) !important; }
.neon-text-danger-900 { color: var(--neon-danger-900) !important; }
.neon-text-danger-950 { color: var(--neon-danger-950) !important; }

/* Text Warning */
.neon-text-warning-50 { color: var(--neon-warning-50) !important; }
.neon-text-warning-100 { color: var(--neon-warning-100) !important; }
.neon-text-warning-200 { color: var(--neon-warning-200) !important; }
.neon-text-warning-300 { color: var(--neon-warning-300) !important; }
.neon-text-warning-400 { color: var(--neon-warning-400) !important; }
.neon-text-warning-500 { color: var(--neon-warning-500) !important; }
.neon-text-warning-600 { color: var(--neon-warning-600) !important; }
.neon-text-warning-700 { color: var(--neon-warning-700) !important; }
.neon-text-warning-800 { color: var(--neon-warning-800) !important; }
.neon-text-warning-900 { color: var(--neon-warning-900) !important; }
.neon-text-warning-950 { color: var(--neon-warning-950) !important; }

/* Text Accent */
.neon-text-accent-50 { color: var(--neon-accent-50) !important; }
.neon-text-accent-100 { color: var(--neon-accent-100) !important; }
.neon-text-accent-200 { color: var(--neon-accent-200) !important; }
.neon-text-accent-300 { color: var(--neon-accent-300) !important; }
.neon-text-accent-400 { color: var(--neon-accent-400) !important; }
.neon-text-accent-500 { color: var(--neon-accent-500) !important; }
.neon-text-accent-600 { color: var(--neon-accent-600) !important; }
.neon-text-accent-700 { color: var(--neon-accent-700) !important; }
.neon-text-accent-800 { color: var(--neon-accent-800) !important; }
.neon-text-accent-900 { color: var(--neon-accent-900) !important; }
.neon-text-accent-950 { color: var(--neon-accent-950) !important; }

/* Text Dark */
.neon-text-dark-50 { color: var(--neon-dark-50) !important; }
.neon-text-dark-100 { color: var(--neon-dark-100) !important; }
.neon-text-dark-200 { color: var(--neon-dark-200) !important; }
.neon-text-dark-300 { color: var(--neon-dark-300) !important; }
.neon-text-dark-400 { color: var(--neon-dark-400) !important; }
.neon-text-dark-500 { color: var(--neon-dark-500) !important; }
.neon-text-dark-600 { color: var(--neon-dark-600) !important; }
.neon-text-dark-700 { color: var(--neon-dark-700) !important; }
.neon-text-dark-800 { color: var(--neon-dark-800) !important; }
.neon-text-dark-900 { color: var(--neon-dark-900) !important; }
.neon-text-dark-950 { color: var(--neon-dark-950) !important; }

/* Text White */
.neon-text-white-50 { color: var(--neon-white-50) !important; }
.neon-text-white-100 { color: var(--neon-white-100) !important; }
.neon-text-white-200 { color: var(--neon-white-200) !important; }
.neon-text-white-300 { color: var(--neon-white-300) !important; }
.neon-text-white-400 { color: var(--neon-white-400) !important; }
.neon-text-white-500 { color: var(--neon-white-500) !important; }
.neon-text-white-600 { color: var(--neon-white-600) !important; }
.neon-text-white-700 { color: var(--neon-white-700) !important; }
.neon-text-white-800 { color: var(--neon-white-800) !important; }
.neon-text-white-900 { color: var(--neon-white-900) !important; }
.neon-text-white-950 { color: var(--neon-white-950) !important; }

/* border Primary */
.neon-border-primary-50 { border-color: var(--neon-primary-50) !important; }
.neon-border-primary-100 { border-color: var(--neon-primary-100) !important; }
.neon-border-primary-200 { border-color: var(--neon-primary-200) !important; }
.neon-border-primary-300 { border-color: var(--neon-primary-300) !important; }
.neon-border-primary-400 { border-color: var(--neon-primary-400) !important; }
.neon-border-primary-500 { border-color: var(--neon-primary-500) !important; }
.neon-border-primary-600 { border-color: var(--neon-primary-600) !important; }
.neon-border-primary-700 { border-color: var(--neon-primary-700) !important; }
.neon-border-primary-800 { border-color: var(--neon-primary-800) !important; }
.neon-border-primary-900 { border-color: var(--neon-primary-900) !important; }
.neon-border-primary-950 { border-color: var(--neon-primary-950) !important; }

/* border Secondary */
.neon-border-secondary-50 { border-color: var(--neon-secondary-50) !important; }
.neon-border-secondary-100 { border-color: var(--neon-secondary-100) !important; }
.neon-border-secondary-200 { border-color: var(--neon-secondary-200) !important; }
.neon-border-secondary-300 { border-color: var(--neon-secondary-300) !important; }
.neon-border-secondary-400 { border-color: var(--neon-secondary-400) !important; }
.neon-border-secondary-500 { border-color: var(--neon-secondary-500) !important; }
.neon-border-secondary-600 { border-color: var(--neon-secondary-600) !important; }
.neon-border-secondary-700 { border-color: var(--neon-secondary-700) !important; }
.neon-border-secondary-800 { border-color: var(--neon-secondary-800) !important; }
.neon-border-secondary-900 { border-color: var(--neon-secondary-900) !important; }
.neon-border-secondary-950 { border-color: var(--neon-secondary-950) !important; }

/* border Success */
.neon-border-success-50 { border-color: var(--neon-success-50) !important; }
.neon-border-success-100 { border-color: var(--neon-success-100) !important; }
.neon-border-success-200 { border-color: var(--neon-success-200) !important; }
.neon-border-success-300 { border-color: var(--neon-success-300) !important; }
.neon-border-success-400 { border-color: var(--neon-success-400) !important; }
.neon-border-success-500 { border-color: var(--neon-success-500) !important; }
.neon-border-success-600 { border-color: var(--neon-success-600) !important; }
.neon-border-success-700 { border-color: var(--neon-success-700) !important; }
.neon-border-success-800 { border-color: var(--neon-success-800) !important; }
.neon-border-success-900 { border-color: var(--neon-success-900) !important; }
.neon-border-success-950 { border-color: var(--neon-success-950) !important; }

/* border Danger */
.neon-border-danger-50 { border-color: var(--neon-danger-50) !important; }
.neon-border-danger-100 { border-color: var(--neon-danger-100) !important; }
.neon-border-danger-200 { border-color: var(--neon-danger-200) !important; }
.neon-border-danger-300 { border-color: var(--neon-danger-300) !important; }
.neon-border-danger-400 { border-color: var(--neon-danger-400) !important; }
.neon-border-danger-500 { border-color: var(--neon-danger-500) !important; }
.neon-border-danger-600 { border-color: var(--neon-danger-600) !important; }
.neon-border-danger-700 { border-color: var(--neon-danger-700) !important; }
.neon-border-danger-800 { border-color: var(--neon-danger-800) !important; }
.neon-border-danger-900 { border-color: var(--neon-danger-900) !important; }
.neon-border-danger-950 { border-color: var(--neon-danger-950) !important; }

/* border Warning */
.neon-border-warning-50 { border-color: var(--neon-warning-50) !important; }
.neon-border-warning-100 { border-color: var(--neon-warning-100) !important; }
.neon-border-warning-200 { border-color: var(--neon-warning-200) !important; }
.neon-border-warning-300 { border-color: var(--neon-warning-300) !important; }
.neon-border-warning-400 { border-color: var(--neon-warning-400) !important; }
.neon-border-warning-500 { border-color: var(--neon-warning-500) !important; }
.neon-border-warning-600 { border-color: var(--neon-warning-600) !important; }
.neon-border-warning-700 { border-color: var(--neon-warning-700) !important; }
.neon-border-warning-800 { border-color: var(--neon-warning-800) !important; }
.neon-border-warning-900 { border-color: var(--neon-warning-900) !important; }
.neon-border-warning-950 { border-color: var(--neon-warning-950) !important; }

/* border Accent */
.neon-border-accent-50 { border-color: var(--neon-accent-50) !important; }
.neon-border-accent-100 { border-color: var(--neon-accent-100) !important; }
.neon-border-accent-200 { border-color: var(--neon-accent-200) !important; }
.neon-border-accent-300 { border-color: var(--neon-accent-300) !important; }
.neon-border-accent-400 { border-color: var(--neon-accent-400) !important; }
.neon-border-accent-500 { border-color: var(--neon-accent-500) !important; }
.neon-border-accent-600 { border-color: var(--neon-accent-600) !important; }
.neon-border-accent-700 { border-color: var(--neon-accent-700) !important; }
.neon-border-accent-800 { border-color: var(--neon-accent-800) !important; }
.neon-border-accent-900 { border-color: var(--neon-accent-900) !important; }
.neon-border-accent-950 { border-color: var(--neon-accent-950) !important; }

/* Border Dark */
.neon-border-dark-50 { border-color: var(--neon-dark-50) !important; }
.neon-border-dark-100 { border-color: var(--neon-dark-100) !important; }
.neon-border-dark-200 { border-color: var(--neon-dark-200) !important; }
.neon-border-dark-300 { border-color: var(--neon-dark-300) !important; }
.neon-border-dark-400 { border-color: var(--neon-dark-400) !important; }
.neon-border-dark-500 { border-color: var(--neon-dark-500) !important; }
.neon-border-dark-600 { border-color: var(--neon-dark-600) !important; }
.neon-border-dark-700 { border-color: var(--neon-dark-700) !important; }
.neon-border-dark-800 { border-color: var(--neon-dark-800) !important; }
.neon-border-dark-900 { border-color: var(--neon-dark-900) !important; }
.neon-border-dark-950 { border-color: var(--neon-dark-950) !important; }

/* Border White */
.neon-border-white-50 { border-color: var(--neon-white-50) !important; }
.neon-border-white-100 { border-color: var(--neon-white-100) !important; }
.neon-border-white-200 { border-color: var(--neon-white-200) !important; }
.neon-border-white-300 { border-color: var(--neon-white-300) !important; }
.neon-border-white-400 { border-color: var(--neon-white-400) !important; }
.neon-border-white-500 { border-color: var(--neon-white-500) !important; }
.neon-border-white-600 { border-color: var(--neon-white-600) !important; }
.neon-border-white-700 { border-color: var(--neon-white-700) !important; }
.neon-border-white-800 { border-color: var(--neon-white-800) !important; }
.neon-border-white-900 { border-color: var(--neon-white-900) !important; }
.neon-border-white-950 { border-color: var(--neon-white-950) !important; }