/*
 * MaiaCoach Application Stylesheet Manifest
 *
 * Propshaft uses this manifest to know which files to copy to public/assets
 * The *= require directives tell Propshaft which files to include
 *
 *= require_tree .
 *= require_self
 */

/* ========================================================================
   LEGACY STYLES (To be migrated)
   ======================================================================== */

/* Global typography: modern, reliable system font stack */
html, body {
  font-family: var(--font-family-system);
  color: var(--color-text);
  line-height: var(--line-height-normal);
}

/* LinkedIn Review Component (Legacy - to be refactored) */
.linkedin-review {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.linkedin-review h2 {
  color: var(--color-linkedin-primary);
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 10px;
  margin-top: 30px;
}

.linkedin-review pre {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  padding: 15px;
  border-radius: var(--radius-sm);
  white-space: pre-wrap;
  overflow-x: auto;
  position: relative;
}

.linkedin-review .copy-button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background: var(--color-linkedin-primary);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition-base);
}

.linkedin-review .copy-button:hover {
  background: var(--color-linkedin-dark);
}

.linkedin-review ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 10px 0;
}