@import "../baseStyle.css";
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap");

:root {
    --base-text-color: rgb(1, 112, 187);
    --href-color: rgb(1, 112, 187);
    --background-color: #fff;
    --button-hover-color: #1e4b86;
    --profile-circle-color: #303030;
    --hover-row: #f0f0f0;
    --order-food-color: #303030;
    --order-buttons-color: #303030;
}

body {
    background: radial-gradient(circle at 10% 10%, rgba(30, 75, 134, 0.1), transparent 40%), radial-gradient(circle at 90% 20%, rgba(43, 139, 182, 0.12), transparent 45%), linear-gradient(140deg, #f8f3ed 0%, #f0ebe4 55%, #f9f4ee 100%);
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
}

h1, h2, h3, h4 {
    font-family: "Lora", "Times New Roman", serif;
}

#header-container header #brand .brand-logo {
    width: auto;
    height: 6rem;
}

.card-login #header-container header #brand .brand-logo {
    width: auto;
    height: 12rem;
}