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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --background: #0a0a0a;
  --foreground: #f8fafc;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #1a1a2e; }
::-webkit-scrollbar-thumb { background: #e63946; border-radius: 3px; }

/* WordPress content styles */
.wp-content img        { max-width: 100%; height: auto; border-radius: 12px; margin: 1.5rem 0; }
.wp-content p          { margin-bottom: 1.25rem; line-height: 1.8; color: #cbd5e1; }
.wp-content h2         { font-size: 1.5rem; font-weight: 700; color: white; margin: 2rem 0 1rem; }
.wp-content h3         { font-size: 1.25rem; font-weight: 600; color: white; margin: 1.75rem 0 0.75rem; }
.wp-content blockquote { border-left: 3px solid #e63946; padding-left: 1rem; color: #94a3b8; font-style: italic; margin: 1.5rem 0; }
.wp-content a          { color: #e63946; text-decoration: underline; }
.wp-content ul         { list-style: disc; padding-left: 1.5rem; color: #cbd5e1; }
.wp-content li         { margin-bottom: 0.5rem; }