/* 🌄 tyt-colors.css – Custom Bootstrap Color Overrides */

:root {
    --bs-primary: #0e6b0d;
    --bs-secondary: #6c757d;
    --bs-success: #0e6b0d;
    --bs-info: #3d75ae;
    --bs-warning: #e9c46a;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
  }
  
  /* --------------------------------
     ✅ Text Colors (Forced Overrides)
  -------------------------------- */
  .text-primary    { color: var(--bs-primary) !important; }
  .text-secondary  { color: var(--bs-secondary) !important; }
  .text-success    { color: var(--bs-success) !important; }
  .text-info       { color: var(--bs-info) !important; }
  .text-warning    { color: var(--bs-warning) !important; }
  .text-danger     { color: var(--bs-danger) !important; }
  .text-light      { color: var(--bs-light) !important; }
  .text-dark       { color: var(--bs-dark) !important; }
  
  /* --------------------------------
     ✅ Background Colors
  -------------------------------- */
  .bg-primary    { background-color: var(--bs-primary) !important; }
  .bg-secondary  { background-color: var(--bs-secondary) !important; }
  .bg-success    { background-color: var(--bs-success) !important; }
  .bg-info       { background-color: var(--bs-info) !important; }
  .bg-warning    { background-color: var(--bs-warning) !important; }
  .bg-danger     { background-color: var(--bs-danger) !important; }
  .bg-light      { background-color: var(--bs-light) !important; }
  .bg-dark       { background-color: var(--bs-dark) !important; }
  
  /* --------------------------------
     ✅ Border Colors
  -------------------------------- */
  .border-primary    { border-color: var(--bs-primary) !important; }
  .border-secondary  { border-color: var(--bs-secondary) !important; }
  .border-success    { border-color: var(--bs-success) !important; }
  .border-info       { border-color: var(--bs-info) !important; }
  .border-warning    { border-color: var(--bs-warning) !important; }
  .border-danger     { border-color: var(--bs-danger) !important; }
  .border-light      { border-color: var(--bs-light) !important; }
  .border-dark       { border-color: var(--bs-dark) !important; }
  
  /* --------------------------------
     ✅ Buttons
  -------------------------------- */
  .btn-facebook {
    background-color: #0766ff !important;
    border-color: #0766ff !important;
    color: #fff
  }

  .btn-facebook:hover,
  .btn-facebook:focus,
  .btn-facebook:active {
    background-color: #053e9b !important;
    border-color: #053e9b !important;
    color: #fff
  }

  .btn-twitter-x {
    background-color: #253540 !important;
    border-color: #253540 !important;
    color: #fff
  }

  .btn-twitter-x:hover,
  .btn-twitter-x:focus,
  .btn-twitter-x:active {
    background-color: #4e6f87 !important;
    border-color: #4e6f87 !important;
    color: #fff
  }

  .btn-linkedin {
    background-color: #0b66c2 !important;
    border-color: #0b66c2 !important;
    color: #fff
  }
  .btn-linkedin:hover,
  .btn-linkedin:focus,
  .btn-linkedin:active {
    background-color: #073767 !important;
    border-color: #073767 !important;
    color: #fff
  }

  .btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
  }
  .btn-primary:hover {
    background-color: #159613 !important;
    border-color: #159613 !important;
  }
  .btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
  }
  .btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
  }
  
  /* --------------------------------
     ✅ Alerts
  -------------------------------- */
  .alert-primary {
    background-color: #eaf4ee !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
  }
  
  /* --------------------------------
     ✅ Text Background Utility Helpers
  -------------------------------- */
  .text-bg-primary    { color: #fff !important; background-color: var(--bs-primary) !important; }
  .text-bg-secondary  { color: #fff !important; background-color: var(--bs-secondary) !important; }
  .text-bg-success    { color: #fff !important; background-color: var(--bs-success) !important; }
  .text-bg-info       { color: #fff !important; background-color: var(--bs-info) !important; }
  .text-bg-warning    { color: #212529 !important; background-color: var(--bs-warning) !important; }
  .text-bg-danger     { color: #fff !important; background-color: var(--bs-danger) !important; }
  .text-bg-light      { color: #212529 !important; background-color: var(--bs-light) !important; }
  .text-bg-dark       { color: #fff !important; background-color: var(--bs-dark) !important; }
  
  /* --------------------------------
     ✅ Gradient Helper
  -------------------------------- */
  .bg-gradient {
    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-secondary)) !important;
  }