/* Chita Cards public website brand layer */
:root {
    --chita-primary: #213C75;
    --chita-primary-rgb: 33, 60, 117;
    --chita-secondary: #F2B818;
    --chita-secondary-rgb: 242, 184, 24;
    --chita-primary-dark: #172C58;
    --chita-primary-soft: #E9EEF7;
    --chita-secondary-soft: #FFF6D8;
}

/* Logo proportions */
header img[alt],
nav img[alt],
a[href="/"] > img {
    width: auto !important;
    max-width: 180px !important;
    height: 54px !important;
    object-fit: contain !important;
}

/* GoBiz Original is set to the blue palette; map that palette to Chita colours. */
.bg-blue-50 { background-color: #F7F9FD !important; }
.bg-blue-100 { background-color: var(--chita-secondary-soft) !important; }
.bg-blue-400 { background-color: #35558F !important; }
.bg-blue-500 { background-color: var(--chita-primary) !important; }
.bg-blue-600 { background-color: var(--chita-primary-dark) !important; }
.bg-blue-700 { background-color: #13264E !important; }
.bg-blue-800 { background-color: #0F1E3E !important; }

.text-blue-400 { color: var(--chita-secondary) !important; }
.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-blue-800 { color: var(--chita-primary) !important; }

.border-blue-400,
.border-blue-500 { border-color: var(--chita-secondary) !important; }
.border-blue-600,
.border-blue-700,
.border-blue-800 { border-color: var(--chita-primary) !important; }

.from-blue-400 {
    --tw-gradient-from: var(--chita-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 60, 117, 0)) !important;
}
.to-blue-500 { --tw-gradient-to: var(--chita-secondary) !important; }
.from-blue-500 {
    --tw-gradient-from: var(--chita-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 60, 117, 0)) !important;
}
.to-blue-600 { --tw-gradient-to: var(--chita-primary-dark) !important; }

.focus\:ring-blue-300:focus,
.focus\:ring-blue-400:focus,
.focus\:ring-blue-500:focus {
    --tw-ring-color: rgba(var(--chita-secondary-rgb), .42) !important;
}

.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-blue-800:hover {
    color: var(--chita-primary) !important;
    background-color: var(--chita-secondary) !important;
}

.hover\:text-blue-500:hover,
.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover { color: var(--chita-secondary) !important; }

/* Common CTA buttons and links */
a[class*="bg-gradient-to-r"],
button[class*="bg-gradient-to-r"] {
    box-shadow: 0 12px 30px rgba(var(--chita-primary-rgb), .18);
}

a[class*="bg-gradient-to-r"]:hover,
button[class*="bg-gradient-to-r"]:hover {
    filter: saturate(1.04) brightness(1.02);
}

::selection {
    color: var(--chita-primary);
    background: var(--chita-secondary);
}