/* 
 * Webinar Components Style
 *
 * This file provides styles for webinar components and imports the necessary stylesheets
 * from the correct locations for browser access.
 */

/* Import component-specific styles directly */
@import '../css/components/webinar/webinar-card.css';
@import '../css/components/webinar/webinar-detail.css';

/* Global webinar variables */
:root {
  /* Primary theme colors */
  --webinar-purple: #9f7aea;
  --webinar-blue: #3182ce;
  --webinar-red: #e53e3e;
  
  /* Dark theme foundation colors */
  --webinar-bg-dark: #1a202c;
  --webinar-bg-darker: #171923;
  --webinar-border-dark: #2d3748;
  --webinar-text-light: #e2e8f0;
  --webinar-text-muted: #a0aec0;
  
  /* Transition speeds */
  --webinar-transition-fast: 0.15s;
  --webinar-transition-medium: 0.3s;
  --webinar-transition-slow: 0.5s;
}

/* Additional webinar page-specific styles */
.webinar-detail-page {
  background-color: #1a202c;
  color: #e2e8f0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Add any additional webinar page-specific styles here */