@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   Base Theme Variables & Normalization
   ========================================================================== */
body.app-theme {
  font-family: 'Poppins', sans-serif;
  background-color: #f0f8ff;
  background-image: radial-gradient(circle at 10% 20%, rgba(91, 173, 254, 0.1) 0%, rgba(91, 173, 254, 0.05) 90%);
}

/* ==========================================================================
   Typography & Colors
   ========================================================================== */
.gradient-text {
  background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header-bg {
  background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
}

/* ==========================================================================
   Components
   ========================================================================== */
.card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* K6 Load Testing Target Indicators */
.stress-target {
  border-left: 4px solid #f43f5e;
}