:root {
    --bg-gradient: linear-gradient(to bottom left, #0d374c, #071623);
    --text-gradient: linear-gradient(to left, #ebc98c, #977246);
    --card-bg: #1a1a1a;
    --text-color: #ffffff;
    --border-color: #333333;
    --nav-bg: rgba(26, 26, 26, 0.95);
    --input-bg: #2d2d2d;
    --input-text: #ffffff;
    --input-border: #404040;
    --light-bg: #121212;
}

body {
    background: var(--light-bg);
    color: var(--text-color);
}

a {
    color: #ebc98c; /* Light color for links */
}

h1, h2, h3, h4, h5, h6 {
    color: #ebc98c; /* Light color for headings */
}

button {
    background: linear-gradient(to left, #ebc98c, #977246);
    color: #071623;
    border: none;
}

button:hover {
    opacity: 0.9;
}

.card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.navbar {
    background: var(--nav-bg);
}

.nav-links a {
    color: var(--text-color);
}

.nav-links a:hover {
    color: #ebc98c;
}

.logo h1 {
    background: var(--text-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.activity-card,
.value-card,
.team-card,
.product-card,
.contact-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.product-card-content,
.team-card-content {
    background: var(--card-bg);
    color: var(--text-color);
}

.contact-form {
    background: var(--card-bg);
}

.form-group label {
    color: var(--text-color);
}

input, 
textarea {
    background: var(--input-bg);
    color: var(--input-text);
    border-color: var(--input-border);
}

input:focus,
textarea:focus {
    border-color: var(--accent-color);
}

.team-card h3,
.product-card h3 {
    color: var(--text-color);
}