/* GLOBAL STYLES */
:root {
    /* The magic variables our JS will change */
    --theme-gradient: linear-gradient(135deg, #B8860B, #FFD700, #B8860B, #FFD700); 
    --theme-button-text-color: #000000; /* New variable for button text */

    --background-dark: #1A202C; 
    --background-light: #2D3748;
    --text-primary: #E6EDF3;
    --text-secondary: #A0AEC0;
    --border-color: #4A5568;
    --font-family: 'Poppins', sans-serif;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family);
    background-color: var(--background-dark);
    color: var(--text-primary);
    overflow-x: hidden;
}

::selection {
    background-color: #8A2BE2;
    color: var(--text-primary);
}