/* Alchemy — deep violet darkness, molten orange accents, lavender text */
[data-skin="alchemy"] {
    /* Accent — molten orange */
    --hbd-accent-1:              rgb(155, 115, 185);
    --hbd-accent-2:              rgb(191, 136, 79);

    /* Surface — murky olive-stone, goblin cave earthiness */
    --hbd-bg-rgb:           24 20 8;
    --hbd-bg-popover:       rgb(22, 18, 6);
    --hbd-bg-table-1:       #181502;
    --hbd-bg-table-2:       #201c06;
    --hbd-bg-input:         rgb(238, 226, 200);

    /* Text hierarchy — warm stone on olive-dark */
    --hbd-text:             rgb(205, 195, 172);
    --hbd-text-subtle:      rgb(155, 136, 98);
    --hbd-text-input:       rgb(28, 22, 8);

    /* Interactive */
    --hbd-btn-neutral:          rgb(58, 14, 100);
    --hbd-btn-neutral-hover:    rgb(82, 22, 140);
    --hbd-btn-neutral-disabled: rgb(30, 14, 52);

    --hbd-btn-alert:            #7a1e1e;
    --hbd-btn-ok:               #1e5e28;
    --hbd-btn-alternate:        #8b5e00;

    --hbd-link:             rgb(200, 130, 255);

    /* Border hierarchy */
    --hbd-border-rgb:     255 138 20;
    --hbd-border-opacity: 0.65;
    --hbd-divider:        rgb(111, 98, 89);

    /* State */
    --hbd-valid:            #28cc55;
    --hbd-invalid:          #ff3020;

    /* Animation — orange to violet */
    --hbd-flash-1:          rgb(210, 105, 18);
    --hbd-flash-2:          rgb(95, 18, 175);

    /* Fonts — Henny Penny for that arcane tome feel */
    --hbd-font-display:  "Henny Penny", system-ui;
    --hbd-font-body:     Georgia, 'Times New Roman', serif;
    --hbd-font-ui:       Georgia, 'Times New Roman', serif;

    /* Panel opacity */
    --hbd-card-opacity:     0.75;
    --hbd-modal-opacity:    0.96;

    /* Panel texture — faint arcane shimmer: diagonal colour bands */
    --hbd-panel-texture:
        repeating-linear-gradient(
            135deg,
            rgba(180, 80, 255, 0.04) 0px,
            rgba(255, 120, 20, 0.03) 1px,
            transparent 2px,
            transparent 18px,
            rgba(140, 50, 220, 0.03) 19px,
            transparent 20px,
            transparent 36px
        ),
        repeating-linear-gradient(
            45deg,
            rgba(255, 140, 20, 0.025) 0px,
            transparent 1px,
            transparent 20px,
            rgba(200, 80, 255, 0.025) 21px,
            transparent 22px,
            transparent 40px
        );
    --hbd-panel-blend-mode: normal;
}

[data-skin="alchemy"] h1 {
    color: rgb(158, 187, 120);
}