/**
 * Skin: Card
 * Location: /assets/css/skin-card.css
 * Description: Applies card-style box with UIkit shadow
 * Version: 1.0.0
 */

/*==============================
=        Global Variables      =
==============================*/

:root {
    --card-bg: #fff;
    --card-text: #666;
    --card-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    --card-radius: 4px;
    --card-padding: 20px;

    --body-bg: #f2f2f2;
}

/* Dark Mode */
.uk-light {
    --card-bg: #272727;
    --card-text: #ddd;
    --body-bg: #222;
}

/*==============================
=          Base Styles         =
==============================*/

body {
    background: var(--body-bg);
}

.manga-block,
.blog-block,
.comment-block,
.sticker-block,
.author-block,
.publisher-block,
.team-block,
.sidebar-widget {
    background-color: var(--card-bg);
    color: var(--card-text);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    padding: var(--card-padding);
}