/* ================================= */
/* Minevera Labs Theme               */
/* ================================= */


/* ---------- Farbvariablen ---------- */

:root {

--bg-main: #0f172a;
--bg-header: #020617;
--bg-card: #1e293b;

--text-main: #e5e7eb;
--text-light: #94a3b8;

--accent: #3b82f6;
--accent-hover: #2563eb;

--border: #334155;

}



/* ---------- Body ---------- */

body {

background: var(--bg-main);
color: var(--text-main);

font-size: 16px;

}



/* ---------- Header ---------- */

header {

background: var(--bg-header);

border-bottom: 1px solid var(--border);

text-align: center;

}



/* ---------- Titel ---------- */

h1 {

font-size: 32px;
font-weight: 700;

}

h2 {

font-size: 24px;

}

h3 {

font-size: 18px;

}



/* ---------- Text ---------- */

p {

color: var(--text-light);

}



/* ---------- Navigation ---------- */

nav a {

color: var(--text-light);

padding: 6px 10px;

border-radius: 6px;

transition: background 0.2s ease,
color 0.2s ease;

}

nav a:hover {

background: rgba(255,255,255,0.05);
color: var(--text-main);

}



/* ---------- Cards ---------- */

.card {

background: var(--bg-card);

border: 1px solid var(--border);

}



/* ---------- Card Hover ---------- */

.card:hover {

border-color: var(--accent);

}



/* ---------- Buttons ---------- */

button,
.download-button {

background: var(--accent);
color: white;

border: none;

transition: background 0.2s ease,
transform 0.2s ease;

}

button:hover,
.download-button:hover {

background: var(--accent-hover);

transform: translateY(-1px);

}



/* ---------- Links ---------- */

a {

color: var(--accent);
text-decoration: none;

}

a:hover {

text-decoration: underline;

}



/* ---------- Listen ---------- */

ul {

padding-left: 18px;

}

li {

margin-bottom: 6px;

color: var(--text-light);

}



/* ---------- Footer ---------- */

footer {

border-top: 1px solid var(--border);

color: var(--text-light);

}



/* ---------- Forms ---------- */

input,
textarea,
select {

background: #020617;

border: 1px solid var(--border);

color: var(--text-main);

border-radius: 6px;

padding: 10px;

}

input:focus,
textarea:focus,
select:focus {

outline: none;

border-color: var(--accent);

}



/* ---------- Selection ---------- */

::selection {

background: var(--accent);
color: white;

}