html[data-theme="skarbiec"] {

    --accent: #d4a537;
    --accent-rgb: 212, 165, 55;
    --accent-text: var(--accent);


    --accent-2: #78c8a0;
    --accent-2-rgb: 120, 200, 160;


    --page-bg: #0a0908;
    --surface-rgb: 30, 26, 21;
    --surface-hi-rgb: 44, 38, 30;
    --panel-rgb: 21, 18, 15;
    --panel-deep-rgb: 14, 12, 10;
    --shadow-rgb: 0, 0, 0;


    --text: #d4c4a0;
    --text-bright: #f0e4c2;
    --text-strong: #e8d090;
    --text-muted: #9a8b70;

    --text-dim: #8c8273;
    --text-warm: #e8d090;
    --border-subtle: #2b241b;


    --gold: #c8a84e;
    --gold-rgb: 200, 168, 78;
    --gold-alt: #b08d3f;
    --danger: #c0563f;
    --danger-rgb: 192, 86, 63;
    --danger-text: #c86a56;
    --info: #6f93b5;
    --info-rgb: 111, 147, 181;
    --success: #6aa87a;


    --font-ui: 'Crimson Text', Georgia, 'Times New Roman', serif;
    --font-display: 'Cinzel', Georgia, 'Times New Roman', serif;



    --panel-bg-alpha: 1;

    --panel-border: 1px solid rgba(var(--accent-rgb), 0.3);
    --panel-accent-bar: 1px solid rgba(var(--accent-rgb), 0.3);
    --panel-border-hover: rgba(var(--accent-rgb), 0.5);
    --panel-radius: 6px;
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-blur: none;
    --panel-lift: none;

    --heading-color: #e8d090;
    --h1-bg: none;
    --h1-border: none;
    --h1-radius: 0;
    --h1-padding: 0;
    --h1-blur: none;
    --h1-shadow: none;
    --heading-rule: none;

    --field-border: 1px solid rgba(var(--accent-rgb), 0.22);
    --field-radius: 4px;
    --heading-glow: none;
    --heading-glow-small: none;

    --title-gradient: linear-gradient(180deg, #f6ead0 15%, #c8a84e 85%);


    --panel-texture: none;
}


html[data-theme="skarbiec"] body {
    background-image:
        radial-gradient(circle at 12% 20%, rgba(212, 165, 55, 0.10) 0%, transparent 44%),
        radial-gradient(circle at 88% 78%, rgba(120, 200, 160, 0.055) 0%, transparent 42%),
        radial-gradient(circle at 76% 14%, rgba(212, 165, 55, 0.05) 0%, transparent 36%),
        radial-gradient(circle at 45% 60%, rgba(90, 72, 40, 0.10) 0%, transparent 62%);
}


html[data-theme="skarbiec"] body {
    line-height: 1.55;
}


html[data-theme="skarbiec"] .container > .column {
    background-color: rgb(30, 26, 21);
    border-radius: var(--panel-radius);
    padding: 6px 0;

    box-sizing: border-box;
}


html[data-theme="skarbiec"] .container > .column > .box {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

html[data-theme="skarbiec"] .container > .column > .box:hover {
    background-color: transparent;
}


html[data-theme="skarbiec"] .box-icon {
    display: none !important;
}


html[data-theme="skarbiec"] body::before,
html[data-theme="skarbiec"] body::after {
    display: none;
}


html[data-theme="skarbiec"] .container > .column .box h2 {
    justify-content: center !important;
    font-family: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
    font-size: 15px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-align: center;
}


html[data-theme="skarbiec"] .container > .column .stream-link-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

html[data-theme="skarbiec"] .container > .column .stream-link-item {
    width: 100%;
    max-width: none;
    text-align: center;
}


html[data-theme="skarbiec"] .container > .column .stream-link-item::before {
    content: none;
}


html[data-theme="skarbiec"] .container > .column .box h2::before,
html[data-theme="skarbiec"] .container > .column .box h2::after {
    content: '\25C6';
    flex: 1 1 0;
    min-width: 14px;
    font-family: Georgia, serif;
    font-size: 7px;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(var(--accent-rgb), 0.85);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: center;
}

html[data-theme="skarbiec"] .container > .column .box h2::before {
    text-align: right;
    padding-right: 5px;
    background-image: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), 0.5));
}

html[data-theme="skarbiec"] .container > .column .box h2::after {
    text-align: left;
    padding-left: 5px;
    background-image: linear-gradient(90deg, rgba(var(--accent-rgb), 0.5), transparent);
}


html[data-theme="skarbiec"] .container > .column .box h2[style]::before,
html[data-theme="skarbiec"] .container > .column .box h2[style]::after {
    content: none;
}