:root {
    /* Accents */
    --accent-primary:#1e87f0;
    --accent-secondary:#222;

    /* Background */
    --background-default:#fff;
    --background-muted:#f8f8f8;
    --background-nav:#f8f8f8;
    --background-hover:#1e87f0E6;

    /* Text */
    --text-color:#666;
    --text-color-contrast:#fff;
    --text-color-hover:#666;
    --text-color-active:#666;
    --heading-color:#222;

    /* Status colors */
    --danger-color:#f0506e;
    --warning-color:#faa05a;
    --success-color:#32d296;

    /* Border */
    --input-border-radius:0px;
    --button-border-radius:0px;
    --border-radius:0px;
    --border-width:1px;
    --border-color:#e5e5e5;

    /* Hover */
    --hover-primary:#0f7ae5;
    --hover-secondary:#151515;
    --hover-danger:#ee395b;
}

/* Text color */
html {color: var(--text-color);}

/* Heading color */
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {color: var(--heading-color);}

/* Section */
.uk-section-default {background: var(--background-default);}
.uk-section-muted {background: var(--background-muted);}
.uk-section-primary {background: var(--accent-primary);}
.uk-section-secondary {background: var(--accent-secondary);}

/* Background */
.uk-background-default {background-color: var(--background-default);}
.uk-background-muted {background-color: var(--background-muted);}
.uk-background-primary {background-color: var(--accent-primary);}
.uk-background-secondary {background-color: var(--accent-secondary);}

/* Card */
.uk-card-default {
    background-color: var(--background-default);
    color: var(--text-color);
}
.uk-card-primary {background-color: var(--accent-primary);}
.uk-card-secondary {background-color: var(--accent-secondary);}
.uk-card-primary.uk-card-hover:hover {background-color: var(--hover-primary);}
.uk-card-secondary.uk-card-hover:hover {background-color: var(--hover-secondary);}

/* Button */
.uk-button-default {
    color: var(--text-color);
    background-color: var(--background-default);
}
.uk-button-default:hover {color: var(--text-color-hover);}
.uk-button-primary {background-color: var(--accent-primary);}
.uk-button-primary:hover {background-color: var(--hover-primary);}
.uk-button-secondary {background-color: var(--accent-secondary);}
.uk-button-secondary:hover {background-color: var(--hover-secondary);}
.uk-button-danger {background-color: var(--danger-color);}
.uk-button-danger:hover {background-color: var(--hover-danger);}

/* Tile */
.uk-tile-default {background-color: var(--background-default);}
.uk-tile-muted {background-color: var(--background-muted);}
.uk-tile-primary {background-color: var(--accent-primary);}
.uk-tile-secondary {background-color: var(--accent-secondary);}
.uk-tile-danger {background-color: var(--danger-color);}
.uk-tile-warning {background-color: var(--warning-color);}
.uk-tile-success {background-color: var(--success-color);}

.uk-tile-primary>*, .uk-tile-secondary>*, .uk-tile-danger>*, .uk-tile-warning>*, .uk-tile-success>*  {color: var(--text-color-contrast);}

/* Label */
.uk-label-default {background-color: var(--accent-primary);}
.uk-label-success {background-color: var(--success-color);}
.uk-label-danger {background-color: var(--danger-color);}

/* Border Radius */
.uk-card, .uk-alert, .uk-dropdown, .uk-tile {border-radius: var(--border-radius);}
.uk-button {border-radius: var(--button-border-radius);}

/* Input */
.uk-input, .uk-select, .uk-textarea, .uk-checkbox {
    background: var(--background-default);
    color: var(--text-color);
    border: var(--border-width) solid var(--border-color);
}
.uk-input, .uk-select, .uk-checkbox {border-radius: var(--input-border-radius);}
.uk-textarea {border-radius: var(--border-radius);}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus, .uk-checkbox:focus {
    color: var(--text-color-active);
    background-color: var(--background-default);
    border-color: var(--accent-primary);
}
.uk-form-blank {
    background-color: transparent !important;
    border-color: transparent !important;
}
.uk-form-danger, .uk-form-danger:focus {
    color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
}
.uk-form-success, .uk-form-success:focus {
    color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

/* Label */
.uk-form-label {color: var(--text-color);}

/* Dropdown */
.uk-dropdown {
    background: var(--background-default);
    color: var(--text-color);
}

/* Navbar */
.uk-navbar-container:not(.uk-navbar-transparent) {background: var(--background-nav);}
.uk-nav-default>li.uk-active>a {color: var(--text-color-active);}
.uk-nav-default>li>a:hover {color: var(--text-color-hover);}
.uk-nav-default .uk-nav-divider {border-color: var(--border-color);}

/* Table hover */
.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {background: var(--background-hover);}
.uk-table-hover tbody tr td:first-child {border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
.uk-table-hover tbody tr td:last-child {border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);}

/* Pagination */
.uk-pagination>*>:hover {color: var(--text-color-hover);}
.uk-pagination>.uk-active>* {color: var(--text-color-active);}

/* HR */
.uk-hr, hr {border-color: var(--border-color);}

/* Text */
.uk-text-primary {color: var(--accent-primary) !important;}
.uk-text-secondary {color: var(--accent-secondary) !important;}
.uk-text-success {color: var(--success-color) !important;}
.uk-text-warning {color: var(--warning-color) !important;}
.uk-text-danger {color: var(--danger-color) !important;}

/* Subnav Pill */
.uk-subnav-pill>*>a {border-radius: var(--button-border-radius);}
.uk-subnav-pill>.uk-active>a {background-color: var(--accent-primary);}
.uk-subnav-pill>*>a:hover {
    background-color: var(--hover-primary);
    color: var(--text-color-contrast);
}

/* Progress */
.uk-progress::-webkit-progress-value {background-color: var(--accent-primary);}
.uk-progress::-moz-progress-bar {background-color: var(--accent-primary);}