:root {
  --color-primary: #ff5733;
  --color-primary-foreground: #1a1a1a;
  --color-background: #fffaf5;
  --color-accent: #ffe5d9;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #666666;
  --color-border: #e5e5e5;
}

.bg-primary {
  background-color: var(--color-primary);
}
.text-primary {
  color: var(--color-primary);
}
.bg-background {
  background-color: var(--color-background);
}
.bg-accent {
  background-color: var(--color-accent);
}
.text-text-primary {
  color: var(--color-text-primary);
}
.text-text-secondary {
  color: var(--color-text-secondary);
}
.border-border {
  border-color: var(--color-border);
}

.animate-in {
  animation: fadeInUp 0.5s ease-out forwards;
}

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