/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

:root {
    /* AONE Palette */
    --aone-white: #FFFFFF;
    --aone-blue: #2F7BFF;
    --aone-green: #3CBC6E;
    --aone-dark-blue: #111723;
    --aone-celeste: #AEB8CF;
    --aone-warning: #F4B740;
    --aone-danger: #E55353;
    --aone-cyan: var(--aone-celeste);
    --aone-orange: var(--aone-warning);
    --aone-red: var(--aone-danger);

    --aone-white-rgb: 255, 255, 255;
    --aone-blue-rgb: 47, 123, 255;
    --aone-green-rgb: 60, 188, 110;
    --aone-dark-blue-rgb: 17, 23, 35;
    --aone-celeste-rgb: 174, 184, 207;
    --aone-warning-rgb: 244, 183, 64;
    --aone-danger-rgb: 229, 83, 83;

    --aone-surface: var(--aone-white);
    --aone-surface-soft: rgba(var(--aone-celeste-rgb), 0.08);
    --aone-surface-alt: rgba(var(--aone-celeste-rgb), 0.12);
    --aone-surface-strong: rgba(var(--aone-celeste-rgb), 0.2);
    --aone-border: rgba(var(--aone-celeste-rgb), 0.4);
    --aone-border-strong: rgba(var(--aone-celeste-rgb), 0.55);

    --aone-text: var(--aone-dark-blue);
    --aone-text-muted: rgba(var(--aone-dark-blue-rgb), 0.65);
    --aone-text-subtle: rgba(var(--aone-dark-blue-rgb), 0.45);

    --aone-blue-05: rgba(var(--aone-blue-rgb), 0.05);
    --aone-blue-10: rgba(var(--aone-blue-rgb), 0.1);
    --aone-blue-15: rgba(var(--aone-blue-rgb), 0.15);
    --aone-blue-20: rgba(var(--aone-blue-rgb), 0.2);

    --aone-green-05: rgba(var(--aone-green-rgb), 0.05);
    --aone-green-10: rgba(var(--aone-green-rgb), 0.1);
    --aone-green-15: rgba(var(--aone-green-rgb), 0.15);
    --aone-green-20: rgba(var(--aone-green-rgb), 0.2);

    --aone-dark-05: rgba(var(--aone-dark-blue-rgb), 0.05);
    --aone-dark-10: rgba(var(--aone-dark-blue-rgb), 0.1);
    --aone-dark-20: rgba(var(--aone-dark-blue-rgb), 0.2);

    --aone-celeste-10: rgba(var(--aone-celeste-rgb), 0.1);
    --aone-celeste-15: rgba(var(--aone-celeste-rgb), 0.15);
    --aone-celeste-20: rgba(var(--aone-celeste-rgb), 0.2);

    --aone-warning-10: rgba(var(--aone-warning-rgb), 0.12);
    --aone-warning-15: rgba(var(--aone-warning-rgb), 0.18);

    --aone-danger-10: rgba(var(--aone-danger-rgb), 0.12);
    --aone-danger-15: rgba(var(--aone-danger-rgb), 0.18);

    /* Override Velzon Theme Variables */
    --vz-primary: var(--aone-blue) !important;
    --vz-primary-rgb: var(--aone-blue-rgb) !important;
    --vz-success: var(--aone-green) !important;
    --vz-success-rgb: var(--aone-green-rgb) !important;
    --vz-info: var(--aone-celeste) !important;
    --vz-info-rgb: var(--aone-celeste-rgb) !important;
    --vz-warning: var(--aone-warning) !important;
    --vz-warning-rgb: var(--aone-warning-rgb) !important;
    --vz-danger: var(--aone-danger) !important;
    --vz-danger-rgb: var(--aone-danger-rgb) !important;
    --vz-dark: var(--aone-dark-blue) !important;
    --vz-dark-rgb: var(--aone-dark-blue-rgb) !important;
    --vz-light: var(--aone-white) !important;
    --vz-light-rgb: var(--aone-white-rgb) !important;
    --vz-body-bg: var(--aone-white) !important;
    --vz-body-bg-rgb: var(--aone-white-rgb) !important;
    --vz-body-color: var(--aone-dark-blue) !important;
    --vz-body-color-rgb: var(--aone-dark-blue-rgb) !important;
    --vz-border-color: var(--aone-border) !important;
    --vz-border-color-translucent: var(--aone-border) !important;
    --vz-link-color: var(--aone-blue) !important;
    --vz-link-hover-color: var(--aone-blue) !important;
    --vz-secondary: var(--aone-celeste) !important;
    --vz-secondary-rgb: var(--aone-celeste-rgb) !important;
    --vz-secondary-color: var(--aone-celeste) !important;
    --vz-tertiary-color: var(--aone-celeste) !important;
}

#page-topbar {
    border-bottom: none!important;
}

/* Specific overrides if needed */
.text-primary {
    color: var(--aone-blue) !important;
}

.bg-primary {
    background-color: var(--aone-blue) !important;
}

.text-success {
    color: var(--aone-green) !important;
}

.bg-success {
    background-color: var(--aone-green) !important;
}

.text-info {
    color: var(--aone-celeste) !important;
}

.bg-info {
    background-color: var(--aone-celeste) !important;
}

.text-dark {
    color: var(--aone-dark-blue) !important;
}

.bg-dark {
    background-color: var(--aone-dark-blue) !important;
}

.text-warning {
    color: var(--aone-warning) !important;
}

.bg-warning {
    background-color: var(--aone-warning) !important;
}

.text-danger {
    color: var(--aone-danger) !important;
}

.bg-danger {
    background-color: var(--aone-danger) !important;
}

/* Header/Sidebar overrides for Admin */
[data-topbar="dark"] {
    --vz-header-bg: var(--aone-blue) !important;
    --vz-header-item-color: var(--aone-white) !important;
    --vz-header-item-bg: rgba(255, 255, 255, 0.1) !important;
}

[data-topbar="dark"] .topbar-user {
    background-color: transparent !important;
}

[data-topbar="dark"] .topbar-user .btn {
    background-color: transparent !important;
    border: none !important;
}

[data-topbar="dark"] .topbar-user .btn:hover,
[data-topbar="dark"] .topbar-user .btn:focus,
[data-topbar="dark"] .topbar-user.show .btn {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

[data-topbar="dark"] .topbar-user .user-name-text,
[data-topbar="dark"] .topbar-user .user-name-sub-text {
    color: var(--aone-white) !important;
}

[data-sidebar="dark"] {
    --vz-vertical-menu-bg: var(--aone-blue) !important;
    --vz-vertical-menu-border: var(--aone-blue) !important;
    --vz-vertical-menu-item-color: rgba(255, 255, 255, 0.8) !important;
    --vz-vertical-menu-item-hover-color: #fff !important;
    --vz-vertical-menu-item-hover-bg: rgba(255, 255, 255, 0.1) !important;
    --vz-vertical-menu-item-active-color: #fff !important;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15) !important;
    --vz-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.7) !important;
    --vz-vertical-menu-sub-item-hover-color: #fff !important;
    --vz-vertical-menu-sub-item-active-color: #fff !important;
    --vz-vertical-menu-title-color: rgba(255, 255, 255, 0.5) !important;
}

.btn-primary {
    background-color: var(--aone-blue) !important;
    border-color: var(--aone-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: rgba(var(--aone-blue-rgb), 0.85) !important;
    border-color: rgba(var(--aone-blue-rgb), 0.85) !important;
}

.btn-success {
    background-color: var(--aone-green) !important;
    border-color: var(--aone-green) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: rgba(var(--aone-green-rgb), 0.85) !important;
    border-color: rgba(var(--aone-green-rgb), 0.85) !important;
}

.btn-warning {
    background-color: var(--aone-warning) !important;
    border-color: var(--aone-warning) !important;
    color: var(--aone-dark-blue) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: rgba(var(--aone-warning-rgb), 0.85) !important;
    border-color: rgba(var(--aone-warning-rgb), 0.85) !important;
    color: var(--aone-dark-blue) !important;
}

.btn-danger {
    background-color: var(--aone-danger) !important;
    border-color: var(--aone-danger) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: rgba(var(--aone-danger-rgb), 0.85) !important;
    border-color: rgba(var(--aone-danger-rgb), 0.85) !important;
}

/* Force overrides for all data-theme-colors */
[data-theme-colors] {
    --vz-primary: var(--aone-blue) !important;
    --vz-primary-rgb: var(--aone-blue-rgb) !important;
    --vz-success: var(--aone-green) !important;
    --vz-success-rgb: var(--aone-green-rgb) !important;
    --vz-info: var(--aone-celeste) !important;
    --vz-info-rgb: var(--aone-celeste-rgb) !important;
    --vz-warning: var(--aone-warning) !important;
    --vz-warning-rgb: var(--aone-warning-rgb) !important;
    --vz-danger: var(--aone-danger) !important;
    --vz-danger-rgb: var(--aone-danger-rgb) !important;
    --vz-dark: var(--aone-dark-blue) !important;
    --vz-dark-rgb: var(--aone-dark-blue-rgb) !important;
}

[data-theme-colors="green"] {
    --vz-primary: var(--aone-green) !important;
    --vz-primary-rgb: var(--aone-green-rgb) !important;
}

[data-theme-colors="purple"] {
    --vz-primary: var(--aone-dark-blue) !important;
    --vz-primary-rgb: var(--aone-dark-blue-rgb) !important;
}

[data-theme-colors="blue"] {
    --vz-primary: var(--aone-blue) !important;
    --vz-primary-rgb: var(--aone-blue-rgb) !important;
}