:root {
    --primary-color: #eb3446;
    --primary-background: #000000;
    --line-color: #eb3446;
    --marquee-color: #FFFFFF;
    --marquee-background: #eb3446;
    --result-pasaran-color: #FFFFFF;
    --result-tanggal-color: #000000;
    --result-tanggal-background: #eb3446;
    
    --result-background: #111111;
    --result-keluaran-color: #ffffff;
    --result-border: 3px solid #9e9e9e;
    
    --text-color: #e0e0e0;
    --primary-text-color: #ffffff;
    --reverse-text-color: #000000;
    
    --secondary-background: #000000;
    --hover-background: rgba(0, 0, 0, .9);
    --menu-item-color: var(--text-color);
}

.from-red-500 {
  --tw-gradient-from: #ef4444; /* Tailwind red-500 */
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
}

.from-red-600 {
  --tw-gradient-from: #dc2626; /* Tailwind red-600 */
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
}

.from-red-700 {
  --tw-gradient-from: #b91c1c; /* Tailwind red-700 */
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
}