/* ============================================================================
 * kfa-theme.css — Kerry First Aid public brand theme
 * ----------------------------------------------------------------------------
 * Overrides the default Tailwind indigo/violet brand across the PUBLIC-facing
 * areas only, to match kerryfirstaid.ie. The primary brand colour is a deep
 * navy: #27367a (with darker variants #1e285c / #1f2d66).
 *
 * This file is loaded ONLY in the public layout + the standalone calendar
 * embed (after the compiled/ CDN Tailwind CSS), so the admin, company and
 * learner portals keep their original indigo theme. Because it targets the
 * exact Tailwind utility classes with !important, it wins the cascade
 * without touching every Blade template or recompiling Tailwind.
 *
 * Usage: upload to public/css/kfa-theme.css and keep the <link> tags in
 * components/layouts/public.blade.php and public/calendar-embed.blade.php.
 * ==========================================================================*/

/* ---------------------------------------------------------------------------
 * Brand gradient — kerryfirstaid.ie: --color-navy #27367a → darker #1f2d66
 * ------------------------------------------------------------------------- */
:root {
    --kfa-brand-start: #27367a !important;
    --kfa-brand-end:   #172a63 !important;
}

/* ===========================================================================
 * SOLID BACKGROUNDS
 * =========================================================================*/
.bg-indigo-600, .bg-violet-600                          { background-color: #27367a !important; }
.bg-indigo-700, .bg-violet-700                          { background-color: #1e285c !important; }
.bg-indigo-500, .bg-violet-500                          { background-color: #2c3e8a !important; }
.bg-indigo-400                                          { background-color: #4a5d9e !important; }

/* Light nullable tints */
.bg-indigo-50,  .bg-violet-50                           { background-color: #eef1f8 !important; }
.bg-indigo-100, .bg-violet-100                          { background-color: #dde2f1 !important; }
.bg-indigo-200                                          { background-color: #b9c4e0 !important; }

/* Opacity-glass tints (welcome hero/feature cards, stat glows, ambient orbs) */
.bg-indigo-500\/10, .bg-violet-500\/10                  { background-color: rgba(44, 62, 138, 0.10) !important; }
.bg-indigo-500\/20, .bg-violet-500\/20                  { background-color: rgba(44, 62, 138, 0.20) !important; }
.bg-indigo-500\/25, .bg-violet-500\/25                  { background-color: rgba(44, 62, 138, 0.25) !important; }
.bg-purple-500\/20                                      { background-color: rgba(44, 62, 138, 0.20) !important; }
.bg-indigo-400\/60                                      { background-color: rgba(74, 93, 158, 0.60) !important; }
.bg-indigo-300\/10                                      { background-color: rgba(138, 148, 191, 0.10) !important; }

/* Hover states */
.hover\:bg-indigo-700:hover, .hover\:bg-violet-700:hover{ background-color: #1e285c !important; }
.hover\:bg-indigo-600:hover, .hover\:bg-violet-600:hover{ background-color: #2c3e8a !important; }
.hover\:bg-indigo-500:hover                             { background-color: #2c3e8a !important; }
.hover\:bg-indigo-50:hover                              { background-color: #e2e6f3 !important; }
.hover\:bg-indigo-100:hover                             { background-color: #d1d7ec !important; }
.hover\:bg-indigo-200:hover                             { background-color: #afbbdc !important; }

/* ===========================================================================
 * TEXT COLOURS
 * =========================================================================*/
.text-indigo-600, .text-violet-600                      { color: #27367a !important; }
.text-indigo-700, .text-violet-700                      { color: #1e285c !important; }
.text-indigo-500, .text-violet-500                      { color: #3a4d92 !important; }
.text-indigo-400, .text-violet-400                      { color: #58679e !important; }
.text-indigo-300, .text-violet-300                      { color: #8a94bf !important; }
.text-indigo-200, .text-violet-200                      { color: #b9c0da !important; }
.text-indigo-100, .text-violet-100                      { color: #d9dcea !important; }

/* Opacity-glass text */
.text-indigo-200\/80                                    { color: rgba(185, 192, 218, 0.80) !important; }
.text-indigo-400\/60                                    { color: rgba(88, 103, 158, 0.60) !important; }
.text-indigo-300\/80                                    { color: rgba(138, 148, 191, 0.80) !important; }

/* Hover text */
.hover\:text-indigo-700:hover                           { color: #1e285c !important; }
.hover\:text-indigo-600:hover                           { color: #2c3e8a !important; }

/* Group-hover text */
.group:hover .group-hover\:text-indigo-700              { color: #1e285c !important; }
.group:hover .group-hover\:text-indigo-600              { color: #2c3e8a !important; }
.group:hover .group-hover\:text-indigo-400              { color: #58679e !important; }

/* ===========================================================================
 * BORDERS & RINGS
 * =========================================================================*/
.border-indigo-600, .border-violet-600                  { border-color: #27367a !important; }
.border-indigo-500                                      { border-color: #3a4d92 !important; }
.border-indigo-300                                      { border-color: #9aa5cc !important; }
.border-indigo-200                                      { border-color: #c3cadd !important; }
.border-indigo-100                                      { border-color: #dde2f1 !important; }

.hover\:border-indigo-300:hover                         { border-color: #9aa5cc !important; }
.hover\:border-indigo-200:hover                         { border-color: #c3cadd !important; }
.group:hover .group-hover\:ring-indigo-300              { --tw-ring-color: #9aa5cc !important; }

/* Focus states on inputs/selects/checkboxes */
.focus\:border-indigo-500:focus                         { border-color: #3a4d92 !important; }
.focus\:ring-indigo-500:focus,
.focus\:ring-indigo-500\/30:focus                       { --tw-ring-color: rgba(58, 77, 146, 0.5) !important; }
.focus-visible\:outline-indigo-600:focus-visible        { outline-color: #27367a !important; }
.ring-indigo-600                                        { --tw-ring-color: #27367a !important; }

/* ===========================================================================
 * GRADIENTS — indigo/violet → navy
 * =========================================================================*/
.from-indigo-600  { --tw-gradient-from: #27367a !important; }
.from-indigo-500  { --tw-gradient-from: #2c3e8a !important; }
.from-violet-600  { --tw-gradient-from: #27367a !important; }
.from-violet-500  { --tw-gradient-from: #2c3e8a !important; }
.from-purple-600  { --tw-gradient-from: #27367a !important; }
.from-purple-500  { --tw-gradient-from: #2c3e8a !important; }

.to-violet-600    { --tw-gradient-to: #1f2d66 !important; }
.to-violet-500    { --tw-gradient-to: #1f2d66 !important; }
.to-violet-200    { --tw-gradient-to: #b9c0da !important; }
.to-purple-600    { --tw-gradient-to: #16245a !important; }
.to-indigo-600    { --tw-gradient-to: #27367a !important; }

/* Muted glass gradients (welcome hero card glow) */
.from-indigo-500\/20 { --tw-gradient-from: rgba(44, 62, 138, 0.20) !important; }
.to-violet-500\/20   { --tw-gradient-to:   rgba(44, 62, 138, 0.20) !important; }

/* Gradient through/stop points */
.via-indigo-100 { --tw-gradient-stops: var(--tw-gradient-from), #dde2f1 var(--tw-gradient-via-position, 50%), var(--tw-gradient-to) !important; }
.via-violet-600 { --tw-gradient-stops: var(--tw-gradient-from), #1f2d66 var(--tw-gradient-via-position, 50%), var(--tw-gradient-to) !important; }
.via-purple-600 { --tw-gradient-stops: var(--tw-gradient-from), #1f2d66 var(--tw-gradient-via-position, 50%), var(--tw-gradient-to) !important; }

/* ===========================================================================
 * ACCENT / DECORATIVE TINTS LISTED BY KERRYFIRSTAID.IE (consistency)
 * =========================================================================*/
/* Success green #166534, error #991b1b, slate #475569, light #f8fafc,
   border #e2e8f0 are left as the default Tailwind equivalents so the rest of
   the palette already matches nicely without further overrides. */

/* ===========================================================================
 * NOTES
 * =========================================================================*/
/* The kerryfirstaid.ie success green (#166534), error (#991b1b) and slate
   (#475569) already match their default Tailwind equivalents, so they need
   no override here. */