/* FOUS semantic palette. Amber is not a visual role. */
:root {
  --fous-semantic-yellow: #111827;
  --fous-semantic-yellow-soft: #fef08a;
  --fous-semantic-yellow-border: #facc15;
  --fous-semantic-orange: #b54708;
  --fous-semantic-orange-soft: #fff1e8;
  --fous-semantic-orange-border: #f3b184;
}

/* Deprecated utility aliases: old amber now renders as YELLOW. */
.bg-amber-50 { background-color: #fefce8; }
.bg-amber-100 { background-color: #fef08a; }
.bg-amber-500 { background-color: #facc15; }
.text-amber-700 { color: #111827; }
.text-amber-800 { color: #111827; }
.text-amber-900 { color: #111827; }
.border-amber-100 { border-color: #fde047; }
.border-amber-200 { border-color: #facc15; }
.border-amber-300 { border-color: #eab308; }
.ring-amber-100 { --tw-ring-color: #fde047; }
.hover\:bg-amber-100:hover { background-color: #fef08a; }
.focus\:ring-amber-500:focus { --tw-ring-color: #facc15; }
.focus-visible\:ring-amber-200:focus-visible { --tw-ring-color: #facc15; }

/* Former yellow utilities now render as ORANGE. */
.bg-yellow-50 { background-color: #fff1e8; }
.bg-yellow-100 { background-color: #ffe1cc; }
.bg-yellow-500 { background-color: #e96716; }
.text-yellow-700 { color: #9a3c08; }
.text-yellow-800,
.text-yellow-900 { color: #7a2d05; }
.border-yellow-100 { border-color: #ffd9bf; }
.border-yellow-200,
.border-yellow-300 { border-color: #f3b184; }

/* Canonical ORANGE utilities. */
.bg-orange-50 { background-color: #fff1e8; }
.bg-orange-100 { background-color: #ffe1cc; }
.bg-orange-500 { background-color: #e96716; }
.text-orange-700 { color: #9a3c08; }
.text-orange-800 { color: #7a2d05; }
.text-orange-900 { color: #5f2103; }
.border-orange-100 { border-color: #ffd9bf; }
.border-orange-200 { border-color: #f3b184; }
.border-orange-300 { border-color: #e78a4d; }
.ring-orange-100 { --tw-ring-color: #ffd9bf; }
.hover\:bg-orange-100:hover { background-color: #ffd5b8; }