:root {
    --fitness-green: #ccff00;
    --dark-bg: #121212;
    --card-bg: #1e1e1e;
    --danger-red: #ff4d4d;
}

body {
    background-color: var(--dark-bg);
    color: white;
    font-family: 'Inter', sans-serif;
}

/* Typography */
h1, h2, h3, .navbar-brand {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text-green { color: var(--fitness-green); }
.bg-green { background-color: var(--fitness-green); color: black; }

/* Buttons & Cards */
.btn-fitness {
    background-color: var(--fitness-green);
    color: black;
    font-weight: bold;
    border: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-fitness:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(204, 255, 0, 0.4);
    background-color: #b3e600;
}

.card-fitness {
    background-color: var(--card-bg);
    border: 1px solid #333;
    border-radius: 12px;
    transition: all 0.3s ease;
}

/* Order Form Specifics */
.order-page-container {
    padding-bottom: 160px; 
}

.plate-item {
    position: relative;
    border-left: 4px solid transparent;
}

.plate-item:hover {
    border-left: 4px solid var(--fitness-green);
}

.delete-plate-btn {
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 5px 8px;
    border-radius: 6px;
}

.delete-plate-btn:hover {
    color: var(--danger-red) !important;
    background-color: rgba(255, 77, 77, 0.1);
}

/* Form Styling */
.form-label, .form-check-label { color: #e0e0e0 !important; }
.form-control, .form-select { color: var(--fitness-green) !important; }
::placeholder { color: #666 !important; }
.text-muted { color: #aaa !important; }

/* Navbar */
.navbar {
    border-bottom: 2px solid var(--fitness-green);
    background-color: rgba(0,0,0,0.9) !important;
}