/* Import Google Fonts */
@import url('fonts.css');

/* CSS Custom Properties (Tailwind Config) */
:root {
  /* Colors */
  --color-ieee: #1a52c4;
  --color-ieee-dark: #16327a;
  --color-ieee-light: #e8eefb;
  --color-ieee-accent: #2f6fe0;
  --color-border: #e2e8f0;
  --color-background: #ffffff;
  --color-foreground: #0f172a;
  --color-secondary: #f1f5f9;
  --color-muted: #f1f5f9;
  --color-muted-foreground: #64748b;
}

/* Base Styles */
body {
  font-family: 'Inter', sans-serif;
}

.font-serif {
  font-family: 'Roboto Slab', serif;
}

/* Line Clamp Utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Marquee Animation */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 32s linear infinite;
}