@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: dark;
}

body {
  @apply bg-background text-slate-100;
}

.card-surface {
  @apply bg-slate-950/80 border border-slate-800 rounded-2xl shadow-soft-glow;
}

.pill {
  @apply inline-flex items-center rounded-full border border-slate-700 bg-slate-900/80 px-3 py-1 text-xs font-medium text-slate-300;
}

.rich-text-editor-content p {
  @apply mb-2 last:mb-0;
}

.rich-text-editor-content h2 {
  @apply text-lg font-semibold text-slate-100 mb-2 mt-3;
}

.rich-text-editor-content h3 {
  @apply text-base font-semibold text-slate-100 mb-2 mt-2;
}

.rich-text-editor-content ul {
  @apply list-disc pl-5 mb-2 space-y-1;
}

.rich-text-editor-content ol {
  @apply list-decimal pl-5 mb-2 space-y-1;
}

.rich-text-editor-content a {
  @apply text-accent underline;
}

.rich-text-editor-content p.is-editor-empty:first-child::before {
  @apply text-slate-500 float-left h-0 pointer-events-none;
  content: attr(data-placeholder);
}

/* Lesson player — block native download UI and direct iframe interaction */
.lesson-video-player video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

.lesson-video-player .lesson-video-youtube-embed iframe,
.lesson-video-player .lesson-video-vimeo-embed {
  pointer-events: none;
}