/* ================================================================
   CryptoFox Brand — Turkuaz (#00B4D8) + Gümüş
   Tabler CSS custom property overrides
   ================================================================ */

:root {
    --tblr-primary:          #00B4D8;
    --tblr-primary-rgb:      0, 180, 216;
    --tblr-primary-lt:       rgba(0, 180, 216, 0.1);
    --tblr-primary-lt-rgb:   0, 180, 216;
    --tblr-link-color:       #00B4D8;
    --tblr-link-hover-color: #0096b5;
}

/* Buttons */
.btn-primary {
    --tblr-btn-bg:            #00B4D8;
    --tblr-btn-border-color:  #00B4D8;
    --tblr-btn-hover-bg:      #0096b5;
    --tblr-btn-hover-border-color: #0096b5;
    --tblr-btn-active-bg:     #007d97;
    --tblr-btn-color:         #fff;
    --tblr-btn-hover-color:   #fff;
}

/* Primary badges / alerts */
.bg-primary        { background-color: #00B4D8 !important; }
.text-primary      { color: #00B4D8 !important; }
.border-primary    { border-color: #00B4D8 !important; }
.bg-primary-lt     { background-color: rgba(0, 180, 216, 0.1) !important; }

/* Nav active state */
.navbar-vertical .nav-link.active {
    color: #00B4D8 !important;
}
.navbar-vertical .nav-link.active .nav-link-icon {
    color: #00B4D8 !important;
}

/* ----------------------------------------------------------------
   Sidebar brand logo
   ---------------------------------------------------------------- */
.cfx-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 4px 0;
}

.cfx-brand img {
    height: 38px;
    width: auto;
    flex-shrink: 0;
}

.cfx-brand-name {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.cf-primary  { color: #00B4D8; }
.cf-secondary { color: #C0C0C0; }