:root {
    --boh-primary: #26564d;
    --boh-background: #f5f2ea;
    --boh-surface: #ffffff;
    --boh-text-on-dark: #ffffff;
    --boh-overlay: rgba(21, 54, 47, 0.45);
    --boh-radius-card: 18px;
    --boh-radius-button: 16px;
    --boh-shell-width: 28rem;
    --boh-font-sans: "Manrope", "Segoe UI", Arial, sans-serif;
    --boh-font-serif: "Cormorant Garamond", Georgia, serif;
}

* {
    box-sizing: border-box;
    font-family: var(--boh-font-sans);
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: linear-gradient(115deg, #e4e5cf 0%, #eef0e8 32%, #eaeff2 62%, #dde7ee 100%);
    color: var(--boh-primary);
    font-family: var(--boh-font-sans);
}

a {
    color: inherit;
}

.boh-app-shell {
    width: min(100%, var(--boh-shell-width));
    min-height: 100vh;
    margin: 0 auto;
    background: var(--boh-background);
}