/* themes */
:root {
    --bg-color: #ffffff;
    --text-color: #222222;
    --primary-color: #007bff;
}

/* Dark Mode */
[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --primary-color: #bb86fc;
}

/* High Contrast */
[data-theme="high-contrast"] {
    --bg-color: #000000;
    --text-color: #ffff00;
    --primary-color: #ff00ff;
}


/* utils */

.container {
    max-width: 50rem;
    padding: 3rem;  
    margin: 0 auto;
    }


    .container-sm { max-width: 40rem; }
    .container-lg { max-width: 70rem; }
    .container-full { width: 100%; max-width: none; }

/* Utility Classes i like :3 */


.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.25rem; }
.text-xl { font-size: 1.5rem; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }




/* Footer */
.buttcoin {
    flex: 1;
    width: 100%;
    background-color: #000000;
    color: lime;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
    font-size: 0.8em;
    text-align: right;
    font-family: 'Share Tech Mono', monospace;
    text-shadow: 0 0 2px lime, 0 0 10px lime;
    /*
    position: fixed;
    bottom: 0;
    left: 0;
    */
}