@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

:root {
    /* --- COLORS --- */
    --color-primary-dark: #120B2E;   
    --color-purple-box: #2E1A5E;     /* Form Background */
    --color-purple-hover: #3F186A;   /* Hover Color */
    --color-purple-accent: #9B4DF0;  /* Light Purple Text */
    --color-purple-bg-light: #E6DFF0; /* Card/Icon Background */
    --color-gold: #FFD482;           /* Accent Gold */
    --color-white: #FFFFFF;
    --color-text-dark: #333333;
    /* --- TRANSPARENCIES --- */
    --color-white-low: rgba(255, 255, 255, 0.08);
    --color-white-mid: rgba(255, 255, 255, 0.5);
    --border-light: rgba(18, 11, 46, 0.2);
    
    /* --- GRADIENTS --- */
    --grad-hero: linear-gradient(90deg, #0F0529 0%, #461c7e 100%);
    --grad-sticky: linear-gradient(to left, #2a1b63 0%, #120B2E 100%);
    --grad-footer: linear-gradient(to bottom, #2a1b63 0%, #120B2E 100%);
    --grad-card-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.95) 15%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    
    /* --- FONTS & LAYOUT --- */
    --font-main: 'Open Sans', sans-serif;
    --container-width: 95%;
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-white);
    color: var(--color-text-dark);
}