:root {
    color-scheme: light;

    /* Палитра — синхронизирована с главной (welcome.blade.php), чтобы хедер/футер
       и общие карточки выглядели одинаково на всех страницах. */
    --bg: #f6efe2;
    --surface: #fbf6ee;
    --surface-strong: #f0e3cf;
    --ink: #403528;
    --textPrimary: #333333;
    --textPrimaryBase: #3D5632;
    --hoverPrimaryLight: #516A46;
    --activePrimaryDark: #29421E;
    --gold: #bf8d4d;
    --line: rgba(64, 53, 40, 0.12);
    --shadow: 0 26px 60px rgba(77, 57, 31, 0.12);

    /* Алиасы под старые имена, используемые в остальных UI-слоях. */
    --page-ink: var(--ink);
    --page-textPrimary: var(--textPrimary);
    --page-bg: var(--bg);
    --paper-bg: var(--surface);
    --paper-edge: var(--surface-strong);
    --sand: var(--surface);
    --green-dark: var(--hoverPrimaryLight);
    --danger: #D94D4D;
    --warning: #d2b850;
    --success: #3e6f48;

    /* Высота фиксированного .site-header — для страниц, которые сами должны
       сдвинуть свой контент ниже шапки (на главной hero компенсирует это
       внутри своего padding-top). */
    --site-header-height: 100px;
}

@media (max-width: 767.98px) {
    :root {
        --site-header-height: 60px;
    }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    /* Sticky-шапка ~80px, оставляем отступ при переходе по якорю. */
    scroll-padding-top: 96px;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: 'Lora-Regular';
    color: #333333;
    background:
        radial-gradient(circle at top right, rgba(191, 141, 77, 0.18), transparent 28%),
        linear-gradient(180deg, #efe3d0 0%, var(--bg) 18%, #f7f1e8 100%);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}