html[data-theme="karczma"] {

    --accent: #c9a227;
    --accent-rgb: 201, 162, 39;
    --accent-text: var(--accent);


    --accent-2: #e8912d;
    --accent-2-rgb: 232, 145, 45;


    --page-bg: #0d0a06;
    --surface-rgb: 44, 34, 22;
    --surface-hi-rgb: 61, 48, 31;
    --panel-rgb: 28, 21, 13;
    --panel-deep-rgb: 20, 15, 9;
    --shadow-rgb: 0, 0, 0;


    --text: #e8dcbe;
    --text-bright: #fff6e0;
    --text-strong: #f3e8cd;
    --text-muted: #c6b492;

    --text-dim: #978665;


    --gold: #ffcf4a;
    --gold-rgb: 255, 207, 74;
    --gold-alt: #e0ac2b;
    --danger: #cf4632;
    --danger-rgb: 207, 70, 50;
    --danger-text: #d86959;
    --info: #79a7d4;
    --info-rgb: 121, 167, 212;
    --success: #8aa842;
    --text-warm: #ffdda8;
    --border-subtle: #3d3121;


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




    --panel-bg-alpha: 0.92;
    --panel-border: 1px solid rgba(var(--accent-rgb), 0.38);
    --panel-accent-bar: 2px solid var(--accent);
    --panel-border-hover: rgba(var(--accent-rgb), 0.6);
    --panel-radius: 8px;
    --panel-shadow: 0 10px 30px rgba(var(--shadow-rgb), 0.75);
    --panel-shadow-hover: 0 12px 34px rgba(var(--shadow-rgb), 0.85);
    --panel-blur: blur(6px);
    --field-border: 1px solid rgba(var(--accent-rgb), 0.5);
    --field-radius: 6px;
    --h1-border: 1px solid rgba(var(--accent-rgb), 0.55);
    --h1-radius: 8px;
    --heading-glow: none;
    --heading-glow-small: none;

    --title-gradient: linear-gradient(180deg, #fff3cf 15%, #d4a53a 85%);

    --panel-texture:
        repeating-linear-gradient(
            180deg,
            rgba(255, 224, 160, 0.030) 0px,
            rgba(255, 224, 160, 0.030) 1px,
            transparent 1px,
            transparent 4px
        ),
        radial-gradient(ellipse at 50% 0%, rgba(255, 190, 90, 0.10), transparent 65%);
}


html[data-theme="karczma"] body {
    background-image:
        radial-gradient(circle at 10% 20%, rgba(201, 162, 39, 0.12) 0%, transparent 42%),
        radial-gradient(circle at 90% 80%, rgba(232, 145, 45, 0.08) 0%, transparent 42%),
        radial-gradient(circle at 80% 15%, rgba(255, 207, 74, 0.05) 0%, transparent 35%),
        radial-gradient(circle at 20% 85%, rgba(140, 90, 30, 0.10) 0%, transparent 48%);
}