:root {
    --color-bg-base: #faf4ee;
    --color-bg-raised: #fffcf9;
    --color-brand: #8b4513;  /* тёмный терракота, достаточный контраст */
    --color-brand-muted: #c4956a;  /* светлее, теплее — для borders, subtle accents */
    --color-brand-soft:  #f0ddd0;  /* почти linen с терракота оттенком — для backgrounds, badges */
    --color-ink-muted: #7a6a5a;
    --color-date: color-mix(in srgb, var(--color-ink-muted) 70%, transparent);
    --color-link:          #334e68;
    --color-link-muted:    #607d95;  /* slate */
    --color-link-hover:    #1f3347;
    --color-link-underline: color-mix(in srgb, var(--color-link) 10%, transparent);
    --color-link-underline-hover: color-mix(in srgb, var(--color-link) 30%, transparent);
    /*--color-link:          #2d5be3;*/
    /*--color-link-muted:    #5a82e8; !* blue *!*/
    /*--color-link-hover:    #1a3fb5;*/
    /*--color-link:          #4338ca;*/
    /*--color-link-muted:    #6d63d4; !* indigo *!*/
    /*--color-link-hover:    #2d24a8;*/

    /*--color-link:          #0369a1;*/
    /*--color-link-muted:    #0ea5e9; !* ocean blue *!*/
    /*--color-link-hover:    #024f7a;*/

    --accent-color-neutral: #f7f3ef;
    --suggested-header-color: #0e2382;
    --my-hero-bg-color: #6394D8;
    --nav-bg: #6394D8;
    --nav-bg-dark: #4F76AD;
    /*--text-base-fontSize: 1.025rem !important;*/
}

[data-theme="dark"] {
    --color-bg-base: #1e1812;
    --color-bg-raised: #2a1f16;
    --my-hero-bg-color: #4F76AD;
    --nav-bg: #4F76AD;
    --nav-bg-dark: #23436f;
}

/* Theme toggle icon swap (driven by shortcuts.js data-theme attribute) */
:root:not([data-theme="dark"]) .theme-icon-dark { display: none; }
[data-theme="dark"] .theme-icon-light { display: none; }

/* theme change transition */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}


html {
    scrollbar-gutter: stable;
    /* Forced for all text including MDX prose */
    font-feature-settings: "cv02" 1, "cv05" 1, "ss01" 1 !important;
    font-variation-settings: "opsz" 32;
}

body {
    position: relative;
    background-color: var(--color-bg-base);
}

#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: blur(100px);
}


.noisyBg111 {
    background: url(/noiseBg1.svg);
}

.noisyBgHeader {
    background: url(/noiseBg1.svg);
}

.noisyButton {
    background: url(/noiseButton.svg);
}

.scene {
    background: linear-gradient(135deg, #6baed6, #9e7bb5, #e08a6a);
    /* or your actual page background */
}

/*.noise-claude {*/
/*    position: relative;*/
/*    background: rgba(232, 221, 213, 0.35);*/
/*    backdrop-filter: blur(12px);*/
/*    -webkit-backdrop-filter: blur(12px);*/
/*}*/

/* noise grain layer */
.noise-claude::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(/noise-claude.svg);
    /*background-size: 300px 300px;*/
    pointer-events: none;
    z-index: 0;
}

/* keep card content above the noise layer */
/*.noise-claude > * {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/* Hide scrollbar but keep scrolling */
.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}