/**
 * Test-UI Style Override
 * Simple CSS file to apply test-ui design to existing pages
 */

/* Import Manrope font from test-ui */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

/* Override existing color variables with test-ui colors */
:root {
  --gold: #FF8A00;           /* Changed to olowo-orange */
  --gold-dark: #E28714;
  --gold-light: #FFB84D;
  --gold-pale: #FFF5E6;
  --cream: #F2F5EF;          /* olowo-cream */
  --ink: #1C1C1E;
  --ink-muted: #6B625C;
  --ink-faint: #B8B4AC;
  --border: #75461D;         /* olowo-brown */
  --danger: #FF2A23;         /* olowo-red */
  --success: #62C20F;        /* olowo-green */
}

/* Apply Manrope font */
body, .pf-nav, .pf-nav-link, input, button, select, textarea {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Update button styles to match test-ui */
button, .btn, [type="submit"] {
  border-radius: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

button:active, .btn:active {
  transform: scale(0.98);
}

/* Update input styles */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  border-radius: 14px;
  border: 1px solid rgba(117, 70, 29, 0.1);
  background: #F6EFE6;
  font-weight: 500;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(98, 194, 15, 0.4);
  outline: none;
}

/* Update card styles */
.card, .pf-card {
  border-radius: 24px;
  border: 1px solid rgba(117, 70, 29, 0.1);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Smooth scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}