/*
 * This is a manifest file that'll be compiled into application.css.
 */

html,
body {
  font-family: 'Newsreader', 'Georgia', serif;
}

body {
  background-color: var(--color-bg);
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

/* Ambient glow effects */
.ambient-glow {
  position: absolute;
  top: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,107,94,0.06) 0%, transparent 70%);
  pointer-events: none;
}

.ambient-glow--article {
  top: -150px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 1000px;
  height: 700px;
  border-radius: 0;
  background: radial-gradient(ellipse at 50% 30%, rgba(255,107,94,0.05) 0%, transparent 60%);
}

/* Font utility classes */
.font-serif {
  font-family: 'Newsreader', 'Georgia', serif;
}

.font-sans {
  font-family: 'DM Sans', system-ui, sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}

/* Editor preview (admin) */
.editor-preview {
  background-color: var(--color-bg) !important;
  width: 50% !important;
}