/*
 * AdawatiPlus Icon Tools
 * Current brand palette
 *
 * Orange: #fc9012
 * Cyan:   #00bddd
 *
 * This file is loaded after the exact Laravel CSS.
 */

:root,
.iconlib-page,
.icons-page,
.ad-icons,
.ad-icon-page,
.ad-icon-modal,
.adw-icon-page {
    --blue: #00bddd;
    --blue2: #0099b6;
    --cyan: #00bddd;
    --orange: #fc9012;

    --iconlib-blue: #00bddd;
    --iconlib-blue2: #0099b6;
    --iconlib-cyan: #00bddd;
    --iconlib-orange: #fc9012;

    --icon-color: #00bddd;
    --adw-icon-live-color: #00bddd;
}

.iconlib-btn-primary,
.icons-btn-primary,
.ad-btn.primary,
.adw-icon-btn,
[data-download-svg],
[data-copy-svg] {
    border-color: transparent !important;
    background:
        linear-gradient(
            135deg,
            #00bddd,
            #0099b6
        ) !important;
    color: #ffffff !important;
}

.ad-btn.orange,
[data-download-png],
[data-copy-html] {
    border-color: transparent !important;
    background:
        linear-gradient(
            135deg,
            #fc9012,
            #ffad46
        ) !important;
    color: #ffffff !important;
}

.iconlib-card:hover,
.icons-card:hover,
.ad-card:hover,
[data-icon-card]:hover {
    border-color: #00bddd !important;
    box-shadow:
        0 14px 32px rgba(0, 189, 221, .14),
        0 8px 20px rgba(252, 144, 18, .08) !important;
}

input[type="color"],
input[type="range"] {
    accent-color: #00bddd;
}