:root {
    --primary-color: #04001E;
    --secondary-color: #EF0070;
    --tertiary-color: #10FEFE;
    --primary-gradient: radial-gradient(40% 12% at 5% 10%, #3a3f9f 0%, rgba(0, 0, 0, 0) 100%),linear-gradient(135deg, #0f1b2b 0%, #1a1a40 100%);
    --primary-white: #DFFBFF;
   
    
    --error: #ef4444;

    /* Font */
    --primary-font:"Montserrat", sans-serif;
    
    /*Patron*/
     --patron-background: var(--primary-color) radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px) 0 0 / 20px 20px;

   


     /* Spacing */
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-28: 28px;
    --spacing-32: 32px;
    --spacing-36: 36px;
    --spacing-40: 40px;
}