body {
    background-color: var(--eatoria-bg);
    background-image: radial-gradient(circle at top right, rgba(var(--eatoria-secondary-rgb), 0.1), transparent 42%),
    radial-gradient(circle at bottom left, rgba(var(--eatoria-primary-rgb), 0.06), transparent 38%);
    background-attachment: fixed;
    color: var(--eatoria-text);
    font-family: "Segoe UI", system-ui, sans-serif;
}

.btn-eatoria {
    background-color: var(--eatoria-primary);
    border-color: var(--eatoria-primary);
    color: #fff;
}

.btn-eatoria:hover,
.btn-eatoria:focus {
    background-color: var(--eatoria-primary-dark);
    border-color: var(--eatoria-primary-dark);
    color: #fff;
}

.btn-eatoria:active {
    background-color: var(--eatoria-primary-dark);
    border-color: var(--eatoria-primary-dark);
}

.text-eatoria {
    color: var(--eatoria-primary) !important;
}

.brand-logo-link {
    line-height: 0;
    text-decoration: none;
}

.brand-logo {
    height: 50px;
    width: auto;
    object-fit: contain;
}

.brand-logo-nav {
    height: 58px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(45, 42, 38, 0.12));
}

.brand-logo-admin {
    height: 52px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(45, 42, 38, 0.12));
}

.brand-logo-auth {
    height: 140px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 10px rgba(45, 42, 38, 0.15));
}

.navbar-eatoria {
    background-color: var(--eatoria-surface) !important;
    border-bottom: 1px solid rgba(var(--eatoria-secondary-rgb), 0.35);
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.nav-link.active {
    color: var(--eatoria-primary) !important;
}

.auth-brand {
    font-weight: 700;
    font-size: 1.75rem;
    color: var(--eatoria-primary);
}