.application-status-draft,
.position-status-draft{
    border-color: #637381;
    color: #637381;
}

.application-status-published,
.position-status-published{
    border-color: #3CA745;
    color: #3CA745;
}

.application-status-deleted,
.position-status-deleted{
    border-color: #DC3545;
    color: #DC3545;
}

.text-red-700{
    color:#CD5D5D; /* For form errors. This should be auto done via tailwind build but it doesn't want to work :( */
}

.border-red-700{
    border-color:#CD5D5D; /* For form errors. This should be auto done via tailwind build but it doesn't want to work :( */
}

.z-40{ /* For multi select. This should be auto done via tailwind build but it doesn't want to work :( */
    z-index: 40;
}

a{
    color: rgb(60 80 224); /* text-primary */
    font-weight: 500; /* font-medium */
}

.macaron-image {
    position: absolute;
    top: -0.75rem;    /* équivalent de -top-1 */
    right: -0.55rem;  /* équivalent de -right-1 */
    height: 1.5rem;   /* équivalent de h-6 */
    z-index: 10;      /* équivalent de z-10 */
}

.dynamic-page-content ul {
    list-style-type: disc;
    padding-left: 40px;
}

/**
* Sparkle
* Usage : <span class="sparkle">✨</span>
**/
@keyframes sparkle {
    0%   { filter: brightness(1);   transform: scale(1)    rotate(0deg)   translate(0px, 0px); }
    25%  { filter: brightness(1.1); transform: scale(1.15) rotate(10deg)  translate(6px, -4px); }
    50%  { filter: brightness(1.2); transform: scale(1.5)  rotate(0deg)   translate(2px, -6px); }
    75%  { filter: brightness(1.1); transform: scale(1.15) rotate(-10deg) translate(5px, -2px); }
    100% { filter: brightness(1);   transform: scale(1)    rotate(0deg)   translate(0px, 0px); }
}

.sparkle {
    display: inline-block; /* Required for transform to work */
    animation: sparkle 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/**
* Other sparkle
**/
/* Each star twinkles independently with staggered delays */
@keyframes twinkle-main {
  0%, 100% { opacity: 1; transform: scale(1) rotate(0deg); }
  25%       { opacity: 0.5; transform: scale(0.8) rotate(15deg); }
  50%       { opacity: 0.9; transform: scale(1.15) rotate(-5deg); }
  75%       { opacity: 0.7; transform: scale(0.85) rotate(10deg); }
}
@keyframes twinkle-small {
  0%, 100% { opacity: 1; transform: scale(1); }
  40%       { opacity: 0.45; transform: scale(0.5); }
  70%       { opacity: 0.85; transform: scale(1.2); }
}
@keyframes twinkle-tiny {
  0%, 100% { opacity: 0.9; transform: scale(1); }
  30%       { opacity: 0.4; transform: scale(0.4); }
  60%       { opacity: 1; transform: scale(1.3); }
}

/* Transform-origin centered on each star's position */
.star-main { transform-origin: 12px 12px;    animation: twinkle-main  3.9s ease-in-out infinite; }
.star-top  { transform-origin: 19px 6.7px;   animation: twinkle-small 2.9s ease-in-out infinite 0.7s; }
.star-bot  { transform-origin: 5.5px 18.5px; animation: twinkle-tiny  2.6s ease-in-out infinite 1.4s; }