@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Rajdhani:wght@600;700&display=swap");

:root {
    --mureautech-paper: #e6e8eb;
    --mureautech-navy: #082a59;
    --mureautech-navy-deep: #061d3f;
    --mureautech-steel: #6f8091;
    --mureautech-accent-red: #d80d22;
    --mureautech-accent-red-hover: #b10a1a;
    --paper: #e6e8eb;
    --navy: #061d3f;
    --steel: #6f8091;
    --red: #d80d22;
}

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

.bg-\[\#efefef\] {
    background-color: var(--mureautech-paper) !important;
}

.bg-\[\#0d0f14\] {
    background-color: var(--mureautech-navy-deep) !important;
}

.bg-\[\#6f8ca0\] {
    background-color: var(--mureautech-steel) !important;
}

.bg-\[\#cb4f38\] {
    background-color: var(--mureautech-accent-red) !important;
}

.hover\:bg-\[\#b84531\]:hover {
    background-color: var(--mureautech-accent-red-hover) !important;
}

.hover\:text-\[\#cb4f38\]:hover {
    color: var(--mureautech-accent-red) !important;
}

path[stroke="#cb4f38"] {
    stroke: var(--mureautech-accent-red);
}

.basic-page {
    margin: 0;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background: var(--paper);
    color: #0f172a;
}

.basic-page main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 36px 24px 60px;
}

.basic-page.has-shared-header main {
    padding-top: 140px;
}

.basic-page h1 {
    margin: 0 0 20px;
    color: var(--navy);
    font-size: clamp(2rem, 3.8vw, 3rem);
}