/*
Theme Name: LIT Speed Theme
Theme URI: https://litspeed.de
Author: Erick Dorta
Author URI: https://litspeed.de
Description: Custom theme for LIT Speed with a modern, responsive design
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lit-speed-theme
*/
/* CSS variables */
:root {
    --color-light-gray: #ececee;
    --color-primary: #44bfe8;
    --color-navy: #0069b4;
    --color-gara-green: #65b32e;
    --shadow-glow: 0px 0px 28px rgba(1, 244, 203, 0.6);
    --shadow-inset-glow: inset 0px 0px 10px rgba(1, 244, 203, 0.4);
    --shadow-glass: rgba(0, 0, 0, 0.01) 0px 0px 8px 0px inset;
    --shadow-neon-btn: rgba(74, 255, 222, 0.3) 0px 0.71133px 0.99587px -0.5px,
        rgba(74, 255, 222, 0.3) 0px 1.93715px 2.71201px -1px,
        rgba(74, 255, 222, 0.3) 0px 4.25329px 5.9546px -1.5px,
        rgba(74, 255, 222, 0.3) 0px 9.44132px 13.2179px -2px,
        rgba(74, 255, 222, 0.3) 0px 24px 33.6px -2.5px;
}

/* Fonts */
@font-face {
    font-family: 'Dax-Regular';
    src: url('assets/fonts/Dax-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
    width: 100%;
}

body {
    font-family: 'Dax-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #000;
    color: #fff;
    line-height: 1.6;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

/* Container */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s;
}

a:hover {
    opacity: 0.8;
}

/* Utilities */
.uppercase {
    text-transform: uppercase;
}

/* Gradients */
.bg-linear-120 {
    background: linear-gradient(120deg, var(--color-primary), #00deb9);
}

.bg-linear-to-b {
    background: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0.1), #000);
}