/* Brand Styles for cybersecdb */

/* Brand Colors */
:root {
  --brand-bg: #191716;
  --brand-ink: #F1F7ED;
  --brand-primary: #F61067;
  --brand-accent: #F18F01;
  --brand-deep: #B2442E;
}

/* Animation Keyframes */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}

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

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

@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes blink {
  50% { opacity: 0; }
}

@keyframes matrix-fall {
  to { transform: translateY(200%); }
}

/* Animation Classes */
.animate-fadeIn {
  animation: fadeIn 0.8s ease-out forwards;
  opacity: 0;
}

.animate-slideInLeft {
  animation: slideInLeft 0.8s ease-out forwards;
  opacity: 0;
}

.animate-slideUp {
  animation: slideUp 0.8s ease-out forwards;
  opacity: 0;
}

.animate-slideInRight {
  animation: slideInRight 0.8s ease-out forwards;
  opacity: 0;
}

.animate-scaleIn {
  animation: scaleIn 0.8s ease-out forwards;
  opacity: 0;
}

.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}