/* Blog Factory Custom Styles */

:root {
  --background: #fff5f2;
  --foreground: #1e293b;
  --primary: #ff7e5f;
  --secondary: #feb47b;
  --surface: #ffffff;
}

.dark {
  --background: #1a1a1a;
  --foreground: #f1f5f9;
  --surface: #2d2d2d;
}

body {
  font-family: "Inter", sans-serif;
  background: var(--background);
  color: var(--foreground);
}

/* Gradient backgrounds */
.gradient-bg {
  background: radial-gradient(circle at 10% 20%, rgb(255, 241, 235) 0%, rgb(255, 255, 255) 90%);
}

.dark .gradient-bg {
  background: radial-gradient(circle at 10% 20%, rgb(40, 40, 40) 0%, rgb(26, 26, 26) 90%);
}

.hero-gradient {
  background: linear-gradient(135deg, #FFF0E5 0%, #FFE4E6 50%, #FDF2F8 100%);
}

.dark .hero-gradient {
  background: linear-gradient(135deg, #2A1C15 0%, #1F1212 100%);
}

/* Text gradients */
.accent-gradient-text {
  background: linear-gradient(90deg, #FF7E5F 0%, #FEB47B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #FF7F50, #FF6347);
}

/* Button gradients */
.accent-gradient-bg {
  background: linear-gradient(90deg, #FF7E5F 0%, #FEB47B 100%);
}

.accent-gradient-bg:hover {
  background: linear-gradient(90deg, #e66a4c 0%, #f5a065 100%);
}

.button-gradient {
  background: linear-gradient(90deg, #FF9A70 0%, #FF7F50 100%);
}

.button-gradient:hover {
  background: linear-gradient(90deg, #FF7F50 0%, #FF6347 100%);
}

/* Selection */
::selection {
  background-color: var(--primary);
  color: white;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.dark ::-webkit-scrollbar-thumb {
  background: #475569;
}

/* Smooth transitions for dark mode */
*, *::before, *::after {
  transition-property: background-color, border-color;
  transition-duration: 0ms;
}