/* Form styling */  
.form-sleek {  
  display: flex;  
  flex-direction: column;  
  gap: 1rem;  
}  

/* Primary button - uses Obsidian's accent color */  
.btn-primary {  
  background-color: var(--interactive-accent) !important;  
  color: var(--text-on-accent);    
  box-shadow: none !important;
}  

.btn-primary:hover {  
  background-color: var(--interactive-accent-hover) !important; 
}  
  
/* Secondary button - default Obsidian button styling */  
.btn-secondary {   
  box-shadow: none !important;
}  
  
/* Outline button - border only, no background */  
.btn-outline {   
  background-color: transparent !important; 
  border: 1px solid var(--interactive-accent) !important;  
  box-shadow: none !important; 
 }  
  
.btn-outline:hover {  
  background-color: var(--interactive-accent);  
  color: var(--text-on-accent); 
}  
  
/* Ghost button - subtle accent background with high opacity */  
.btn-ghost {   
  background-color: transparent !important;  
  box-shadow: none !important;
  opacity: 0.3;  
  color: var(--text-normal);   
}  
  
.btn-ghost:hover {  
  opacity: 0.4;  
  background-color: var(--interactive-accent);  
}

/* YouTube Embed Styling */

.aspect-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}

.aspect-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}