/**
 * Custom Styles for MDSteps Onboarding Platform
 * 
 * relative: public/assets/styles.css
 * absolute: /home/mdstexec/public_html/onboarding/public/assets/styles.css
 * 
 * Design tokens and branding overrides layered on top of Bootstrap 5.3.
 */

/* Design Tokens */
:root {
  --color-primary: #0d6efd;
  --color-secondary: #6c757d;
  --color-success: #198754;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --color-light: #f8f9fa;
  --color-dark: #212529;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 3rem;
}

/* CTA Overlay in review.php */
.blur-container {
  position: relative;
}
.blurred {
  filter: blur(4px);
}
.overlay-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.95);
  padding: 2rem;
  border-radius: var(--radius-lg);
  z-index: 10;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

/* Pricing Cards (upgrade.php) */
.price-card {
  transition: transform 0.2s ease;
}
.price-card:hover {
  transform: scale(1.02);
}

/* QBank Question Cards */
.card-header {
  font-weight: 600;
}