/* ── Global colour palette overrides (blue theme) ───────────────────────────
   Remaps old purple/indigo tokens (#4A90E2→#37A9F6, #667eea→#67C9F8, #764ba2→#2E8FDE)
   across every page that loads Tailwind via CDN.
   ────────────────────────────────────────────────────────────────────────── */

/* Text */
.text-\[\#4A90E2\] { color: #37A9F6 !important; }
.text-\[\#667eea\] { color: #67C9F8 !important; }
.text-\[\#764ba2\] { color: #2E8FDE !important; }

/* Background */
.bg-\[\#4A90E2\]  { background-color: #37A9F6 !important; }
.bg-\[\#667eea\]  { background-color: #67C9F8 !important; }
.bg-\[\#764ba2\]  { background-color: #2E8FDE !important; }

/* Border / Ring */
.border-\[\#4A90E2\],
.focus\:border-\[\#4A90E2\]:focus { border-color: #37A9F6 !important; }

.ring-\[\#4A90E2\],
.focus\:ring-\[\#4A90E2\]:focus   { --tw-ring-color: #37A9F6 !important; }

/* Gradients – from */
.from-\[\#4A90E2\],
.from-\[\#4A90E2\]\/5,
.from-\[\#4A90E2\]\/10,
.from-\[\#4A90E2\]\/20,
.from-\[\#4A90E2\]\/30 {
    --tw-gradient-from:  #37A9F6 var(--tw-gradient-from-position) !important;
    --tw-gradient-to:    rgb(55 169 246 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-\[\#667eea\],
.from-\[\#667eea\]\/5,
.from-\[\#667eea\]\/10,
.from-\[\#667eea\]\/20,
.from-\[\#667eea\]\/30 {
    --tw-gradient-from:  #67C9F8 var(--tw-gradient-from-position) !important;
    --tw-gradient-to:    rgb(103 201 248 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-\[\#764ba2\],
.from-\[\#764ba2\]\/5,
.from-\[\#764ba2\]\/10,
.from-\[\#764ba2\]\/20,
.from-\[\#764ba2\]\/30 {
    --tw-gradient-from:  #2E8FDE var(--tw-gradient-from-position) !important;
    --tw-gradient-to:    rgb(46 143 222 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

/* Gradients – via */
.via-\[\#667eea\],
.via-\[\#667eea\]\/5,
.via-\[\#667eea\]\/10,
.via-\[\#667eea\]\/15,
.via-\[\#667eea\]\/20 {
    --tw-gradient-via:   #67C9F8 var(--tw-gradient-via-position) !important;
    --tw-gradient-to:    rgb(103 201 248 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

.via-\[\#764ba2\],
.via-\[\#764ba2\]\/5,
.via-\[\#764ba2\]\/10,
.via-\[\#764ba2\]\/15,
.via-\[\#764ba2\]\/20 {
    --tw-gradient-via:   #2E8FDE var(--tw-gradient-via-position) !important;
    --tw-gradient-to:    rgb(46 143 222 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

/* Gradients – to */
.to-\[\#4A90E2\],
.to-\[\#4A90E2\]\/10,
.to-\[\#4A90E2\]\/20,
.to-\[\#4A90E2\]\/30  { --tw-gradient-to: #37A9F6 var(--tw-gradient-to-position) !important; }

.to-\[\#667eea\],
.to-\[\#667eea\]\/10,
.to-\[\#667eea\]\/20,
.to-\[\#667eea\]\/30  { --tw-gradient-to: #67C9F8 var(--tw-gradient-to-position) !important; }

.to-\[\#764ba2\],
.to-\[\#764ba2\]\/10,
.to-\[\#764ba2\]\/20,
.to-\[\#764ba2\]\/30  { --tw-gradient-to: #2E8FDE var(--tw-gradient-to-position) !important; }

/* SVG strokes */
[stroke="#4A90E2"] { stroke: #37A9F6 !important; }
[stroke="#667eea"] { stroke: #67C9F8 !important; }
[stroke="#764ba2"] { stroke: #2E8FDE !important; }

/* ── Compact spacing ─────────────────────────────────────────────────────── */
.py-14  { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
.py-20  { padding-top: 3rem    !important; padding-bottom: 3rem    !important; }
@media (min-width: 768px) {
    .md\:py-28 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
    .md\:py-32 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
    .md\:py-14 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}
.mb-16  { margin-bottom: 2rem   !important; }
.mb-20  { margin-bottom: 2.5rem !important; }
@media (min-width: 768px) {
    .md\:mb-20 { margin-bottom: 2.5rem !important; }
}
.p-8    { padding: 1.5rem !important; }
.p-10   { padding: 2rem   !important; }
@media (min-width: 768px) {
    .md\:p-10 { padding: 2rem !important; }
}
.lg\:text-6xl { font-size: 2.5rem !important; line-height: 1.2 !important; }