/* =========================================================
   Tailwind v4 – Extra Colors (OKLCH format)
   Yellow, Green, Red, Orange
   ========================================================= */


/* =========================================================
   Base Ring Infrastructure (compatível com v4)
   ========================================================= */

:root {
  --tw-ring-inset: ;
  --tw-inset-ring-color: transparent;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.inset-ring {
  --tw-ring-inset: inset;
}

.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 1px var(--tw-inset-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow);
}


/* =========================================================
   YELLOW
   ========================================================= */

/* yellow-50 */
.bg-yellow-50 {
  background-color: oklch(0.987 0.026 102.212);
}

/* yellow-200 */

.bg-yellow-200 {
  background-color: oklch(94.5% .129 101.54);
}
/* yellow-500 */

.bg-yellow-500 {
  background-color: oklch(79.5% .184 86.047);
} 

/* yellow-800 */
.text-yellow-800 {
  color: oklch(0.476 0.114 61.907);
}

/* yellow-600 / 20% */
.inset-ring-yellow-600\/20 {
  --tw-inset-ring-color: oklch(0.681 0.162 75.834 / 0.2);
}


/* =========================================================
   GREEN
   ========================================================= */

/* green-50 */
.bg-green-50 {
  background-color: oklch(0.982 0.018 155.826);
}

/* green-700 */
.text-green-700 {
  color: oklch(0.527 0.154 150.069);
}

/* green-600 / 20% */
.inset-ring-green-600\/20 {
  --tw-inset-ring-color: oklch(0.627 0.194 149.214 / 0.2);
}


/* =========================================================
   RED
   ========================================================= */

/* red-50 */
.bg-red-50 {
  background-color: oklch(0.971 0.013 17.38);
}

/* red-700 */
.text-red-700 {
  color: oklch(0.505 0.213 27.518);
}

/* red-600 / 10% */
.inset-ring-red-600\/10 {
  --tw-inset-ring-color: oklch(0.577 0.245 27.325 / 0.1);
}


/* =========================================================
   ORANGE
   ========================================================= */

/* orange-50 */
.bg-orange-50 {
  background-color: oklch(0.98 0.016 73.684);
}

/* orange-800 */
.text-orange-800 {
  color: oklch(0.47 0.157 46.201);
}

/* orange-600 / 20% */
.inset-ring-orange-600\/20 {
  --tw-inset-ring-color: oklch(0.646 0.222 41.116 / 0.2);
}