*{
      background: 0 0% 100%;
      foreground: 20 14.3% 4.1%;
      
    }

    .bg-primary {
      background-color: #FF4D4D
    }

    .text-primary {
      color: #FF4D4D;
    }

    .bg-secondary {
      background-color: #2C3E50;
    }

    .text-secondary {
      color: #2C3E50;
    }

    .bg-success{
      color: #28a745;
    }

    .text-success {
      color: #28a745;
    }

    .text-warning {
      color: #ffc107;
    }

    .text-info {
      color: #17a2b8;
    }


  /* Calendar container */
  .flatpickr-calendar {
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    overflow: hidden;
  }

  /* Header styling */
  .flatpickr-months {
    background-color: #f8f8f8;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
  }

  /* Day grid */
  .flatpickr-days {
    border: none;
  }

  /* Day cells */
  .flatpickr-day {
    border-radius: 6px;
    transition: background-color 0.2s ease;
  }

  /* Hover effect */
  .flatpickr-day:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  /* Today’s date */
  .flatpickr-day.today {
    border: 1px solid black;
  }

  /* Selected date */
  .flatpickr-day.selected, 
  .flatpickr-day.startRange, 
  .flatpickr-day.endRange {
    background-color: black !important;
    color: white !important;
  }

  /* Weekdays (Mon, Tue...) */
  .flatpickr-weekday {
    color: black;
    font-weight: 600;
  }