/* PROF Branding - Custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root {
  --w-500: #f2c41c !important;
  --w-600: #d9b019 !important;
  --w-700: #c09c16 !important;
  --w-800: #a78913 !important;
  --w-400: #f5d04a !important;
  --w-300: #f7dc78 !important;
  --w-200: #fae8a5 !important;
  --w-100: #fcf4d3 !important;
  --w-50: #fefae8 !important;
  --w-25: #fffdf4 !important;
  --w-75: #fdf7dd !important;
}

/* Login page background */
.flex.min-h-screen {
  background-color: #f8f8f5 !important;
}

/* Login card */
.bg-white.shadow-lg,
.bg-white.rounded-lg,
.bg-white.shadow {
  background-color: #f8f8f5 !important;
  border: 1px solid rgba(242, 196, 28, 0.2) !important;
}

/* Primary buttons */
button[class*="bg-woot"],
.bg-woot-500,
.bg-woot-600 {
  background-color: #f2c41c !important;
  color: #221e10 !important;
  border-color: #f2c41c !important;
  font-weight: 700 !important;
}

button[class*="bg-woot"]:hover,
.bg-woot-500:hover {
  background-color: #d9b019 !important;
}

/* Links */
.text-woot-500,
a.text-woot-500 {
  color: #f2c41c !important;
}

/* Font */
body {
  font-family: 'Cairo', sans-serif !important;
}

/* Sidebar */
.bg-slate-900,
.bg-slate-800 {
  background-color: #221e10 !important;
}

/* Logo sizing */
img[src*="prof_logo"] {
  max-height: 80px !important;
  width: auto !important;
}

/* Tab/border accent color */
.border-woot-500,
.border-b-woot-500 {
  border-color: #f2c41c !important;
}

/* Focus rings */
*:focus {
  --tw-ring-color: rgba(242, 196, 28, 0.5) !important;
}