/**
 * @file
 * Brand color utility classes for content editors (Layout Builder, CKEditor).
 *
 * Derived from the Success Build style guide (docs/STYLE_GUIDE.md).
 * Navy (#1F5A96), Coral (#EF7B6C), Mint (#2EA563), Steel (#7B8894).
 */

/* === Text === */
.text-navy       { color: #1F5A96 !important; }
.text-navy-dark  { color: #1B4B8A !important; }
.text-navy-light { color: #4A8BC2 !important; }
.text-coral      { color: #EF7B6C !important; }
.text-coral-dark { color: #C9483A !important; }
.text-mint       { color: #2EA563 !important; }
.text-mint-dark  { color: #1D8A4E !important; }
.text-steel      { color: #6B7280 !important; }
.text-steel-dark { color: #4A4E56 !important; }

/* === Backgrounds === */
.bg-navy         { background-color: #1F5A96 !important; color: #fff !important; }
.bg-navy-dark    { background-color: #1B4B8A !important; color: #fff !important; }
.bg-navy-light   { background-color: #E8F0F7 !important; color: #1C1F24 !important; }
.bg-coral        { background-color: #EF7B6C !important; color: #fff !important; }
.bg-coral-light  { background-color: #FEF2EF !important; color: #1C1F24 !important; }
.bg-mint         { background-color: #2EA563 !important; color: #fff !important; }
.bg-mint-light   { background-color: #EDFBF2 !important; color: #1C1F24 !important; }
.bg-steel        { background-color: #7B8894 !important; color: #fff !important; }
.bg-steel-light  { background-color: #F3F4F6 !important; color: #1C1F24 !important; }
.bg-warning      { background-color: #FDCA40 !important; color: #1C1F24 !important; }
.bg-warning-light { background-color: #FFFBEB !important; color: #1C1F24 !important; }

/* === Hero / Banner Gradients === */
.bg-gradient-navy  { background: linear-gradient(135deg, #1B4B8A 0%, #2E6FAF 100%) !important; color: #fff !important; }
.bg-gradient-coral { background: linear-gradient(135deg, #C9483A 0%, #EF7B6C 100%) !important; color: #fff !important; }
.bg-gradient-mint  { background: linear-gradient(135deg, #1D8A4E 0%, #4EC87A 100%) !important; color: #fff !important; }

/* === Borders === */
.border-navy      { border-color: #1F5A96 !important; }
.border-coral     { border-color: #EF7B6C !important; }
.border-mint      { border-color: #2EA563 !important; }
.border-steel     { border-color: #D1D5DB !important; }

/* === Inline brand name treatment === */
.brand-name {
  color: #1F5A96;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* === Brand tagline === */
.brand-tagline {
  font-size: 1.6rem;
  font-weight: 600;
  color: #1B4B8A;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 2rem 0;
  font-style: italic;
}

/* === Accent left borders (for callouts, sections) === */
.accent-navy      { border-left: 4px solid #1F5A96 !important; }
.accent-coral     { border-left: 4px solid #EF7B6C !important; }
.accent-mint      { border-left: 4px solid #2EA563 !important; }
.accent-warning   { border-left: 4px solid #FDCA40 !important; }