/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&family=DM+Mono&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --blue: #006DB7;
  --blue-dark: #005494;
  --blue-light: #E8F4FD;
  --orange: #FF6B00;
  --green: #00A67E;
}

* { box-sizing: border-box; }

body {
  font-family: 'DM Sans', sans-serif;
  background: #F5F7FA;
  color: #2C3345;
}

.font-serif { font-family: 'DM Serif Display', serif; }
.font-mono  { font-family: 'DM Mono', monospace; }

/* Smooth hover on cards */
.card-hover {
  transition: box-shadow 0.18s, transform 0.18s, border-color 0.18s;
}
.card-hover:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  transform: translateY(-2px);
  border-color: var(--blue);
}

/* Animations */
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes slideIn {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D1D7E0; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9AA3B0; }

/* Form inputs focus */
input:focus, select:focus, textarea:focus {
  border-color: #006DB7 !important;
  box-shadow: 0 0 0 3px rgba(0,109,183,0.1);
}

/* Button transitions */
button { transition: opacity 0.15s, transform 0.1s; }
button:active:not(:disabled) { transform: scale(0.98); }