:root {
    --background: url(/assets/deepwoken/img/background/black.png);
    
    /* Destroyman III Sprites */
    --idle: url(/assets/deepwoken/img/destroyman/idle.png);
    --dialogue: url(/assets/deepwoken/img/destroyman/dialogue.png);
    
    /* Colors */
    /* Talent Card Rarity Colors */
    --color-card-mystery: #97a3af;
    --color-card-trait: #a6782a;
    --color-card-common: #64605b;
    --color-card-rare: #915e5d;
    --color-card-legendary: #3a7581;
    --color-card-advanced: #3c7f78;
    --color-card-mantra: #8f7490;
    --color-card-bell: #3e4d7e;
    --color-card-legendary-bell: #e2d5c5;
    --color-card-drowned-bell: #c7c6fe;
    --color-card-corrupted-bell: #753050;
    --color-card-oath: #172b3d;
    
    /* Template */
    --color-button: #5f6e65;
    --background-color-button: #97a3af;
    --background-color: #e6e1cc;
    --button-bg-color: #3f504d;
    --input-bg-color: #5f6e65;
    --header-text-color: #e9eed1;

    /* Item Colors */
    --color-item-mantra: #bbcecd;
    --color-item-mob: #a3d1b4;
    --color-item-schematic: #b1cac4;
    --color-item-training: #c9c2b2;
    --color-item-weapon: #a9928e;
    --color-item-equipment: #aa9f8d;
    --color-item-enchanted: #9693a8;
    
    /* Template Borders */
    --border-window: url(/assets/deepwoken/img/border/border.png);
    --border-bar: url(/assets/deepwoken/img/border/bar.png);
    --border-button: url(/assets/deepwoken/img/border/button.png);
    --border-input: url(/assets/deepwoken/img/border/input.png);
    
    /* Scrollbars */
    --scrollbar-vertical-start: url(/assets/deepwoken/img/scrollbar/vertical/start.png);
    --scrollbar-vertical-end: url(/assets/deepwoken/img/scrollbar/vertical/end.png);
    --scrollbar-vertical-middle: url(/assets/deepwoken/img/scrollbar/vertical/middle.png);

    --scrollbar-horizontal-start: url(/assets/deepwoken/img/scrollbar/horizontal/start.png);
    --scrollbar-horizontal-end: url(/assets/deepwoken/img/scrollbar/horizontal/end.png);
    --scrollbar-horizontal-middle: url(/assets/deepwoken/img/scrollbar/horizontal/middle.png);
}

body {
    background-image: radial-gradient(#18221a, #06110e);
    background-attachment: fixed;
}

.center {
    margin: auto;
    inset: 0;
    position: absolute;
}