/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.text-gradient {
  background-image: linear-gradient(to right, #6EE7B7, #3B82F6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: 'Inter', -apple-system, sans-serif;
  line-height: 1.6;
}

/* Lexxy post content follows Bootstrap theme (beats :root from lexxy-variables) */
html[data-bs-theme="dark"] {
  --lexxy-color-ink: var(--bs-body-color);
  --lexxy-color-ink-medium: var(--bs-secondary-color);
  --lexxy-color-ink-light: var(--bs-tertiary-color);
  --lexxy-color-ink-lighter: var(--bs-border-color);
  --lexxy-color-ink-lightest: var(--bs-secondary-bg);
  --lexxy-color-ink-inverted: var(--bs-body-bg);
  --lexxy-color-canvas: var(--bs-body-bg);
  --lexxy-color-link: var(--bs-link-color);
  --lexxy-color-text: var(--bs-body-color);
  --lexxy-color-text-subtle: var(--bs-secondary-color);
}