:root {
    --brand-beige: #E8DCC4;
    --brand-taupe: #4A4038;
    --brand-greige: #8C8172;
    --brand-dark: #3A2E25;
    --brand-paper: #FAF7F2;
    --font-serif-italic: 'Cormorant Garamond', Georgia, serif;
}

html, body {
    height: 100%;
    margin: 0;
    background: var(--brand-paper);
}

/* ---- Yükleme ekranı: işaret + REFRESH, bej kâğıt üstünde ---- */
.app-loading {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: var(--brand-paper);
    font-family: Jost, sans-serif;
}

.app-loading__mark {
    width: 120px;
    animation: app-breathe 2.4s ease-in-out infinite;
}

.app-loading__word {
    width: 150px;
    opacity: .9;
}

.app-loading__text {
    margin-top: 6px;
    font-size: .8rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--brand-greige);
}

@keyframes app-breathe {
    0%, 100% { opacity: .55; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-3px); }
}

/* ---- Marka yardımcıları ---- */
.brand-tagline {
    font-family: var(--font-serif-italic);
    font-style: italic;
    font-weight: 500;
    font-size: 1.45rem;
    color: var(--brand-greige);
    letter-spacing: .01em;
}

.brand-kicker {
    font-family: Jost, sans-serif;
    font-weight: 400;
    font-size: .72rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--brand-greige);
}

.appbar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.appbar-brand__mark { height: 34px; display: block; }
.appbar-brand__word { height: 15px; display: block; opacity: .95; }

/* Bej kâğıt üstünde yumuşak gölge */
.mud-paper:not(.mud-appbar):not(.mud-drawer) {
    box-shadow: 0 1px 2px rgba(58, 46, 37, .05), 0 1px 6px rgba(58, 46, 37, .06) !important;
}

#blazor-error-ui {
    background: #F6E7E2;
    color: #8C3A2A;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0,0,0,.15);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-family: Jost, sans-serif;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}