/* CSS Variables */
:root {
    /* When website was last updated */
    --site-last-updated: "01/11/2025";
    --accent-color: #379cdf; /* Accent color for highlights, links, etc */
    --primary-color: white; /* Primary text color */
    /* Border color of navbar and popups, etc */
    --border-color: #5e5e5e;
    /* Background of the popup */
    --popup-background: #343434;
    /* Background of the website */
    --website-background: #252525;
    --font-family-main: 'Bebas Neue', sans-serif;
    --font-family-alt: 'Potta One', cursive;
    /* Navbar background color */
    --navbar-background: #232323c3;
    /* Navbar game color */
    --navbar-game-color: yellow;
    /* Footer styling */
    --footer-background: #2b2b2b;
    --footer-icon-color: gray;

    /* Link in bio button color */
    --button-color: #343434;
    --button-hover-color: #606060;

    /* Contact form styles */
    --contact-form-background: #272727;
    --contact-form-text-color: black;

    /* Typewriter animation settings */
    --typewriter-duration: 2.8s;
    --typewriter-steps: 16;
    --typewriter-width: 8ch;
    --typewriter-cursor-width: 0.08em; /* change this to adjust cursor thickness */

    /* Link hover effects */
    --text-decoration: underline;
    --underline-offset: 4px;
    --underline-thickness: 3px;
    

    /* White mode variables */
    --whitemode-bg-color: #cccccc;
    --whitemode-text-color_dark: #505050;
    --whitemode-text-color: #ffffff;
    --whitemode-accent-color: #666666;
}