:root {
    --askask-blue: #0A2342;
    --askask-green: #a2e200;
    --white: #ffffff;
    --bg-color: #ffffff;
    --text-dark: #161616;
    --text-light: #6b7280;
    --border: #e5e7eb;
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* Theme variations */
.theme-purple {
    --askask-green: #9b59b6;
}

.theme-sunset {
    --askask-green: #e67e22;
}

.theme-ocean {
    --askask-green: #3498db;
}

.theme-forest {
    --askask-green: #27ae60;
}

.theme-midnight {
    --askask-green: #8e44ad;
}

/* Logo Image */
.logo-img {
    height: auto;
    max-width: 200px;
    width: 100%;
    object-fit: contain;
    display: block;
}

.nav-logo-img {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.settings-tab.active {
    background: #0A2342;
    color: #ffffff;
}