/**
 * QPJ Minimal Theme - Colors and Fonts Only
 * No layout changes, works with Material's existing structure
 */

/* ========================================
   FONTS
   ======================================== */
@font-face {
  font-family: 'Libre Bodoni';
  src: url('../fonts/libre-bodoni_normal_400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Libre Bodoni';
  src: url('../fonts/libre-bodoni_normal_700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Libre Bodoni';
  src: url('../fonts/libre-bodoni_italic_400.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* ========================================
   COLORS ONLY - No layout changes
   ======================================== */
:root {
  --qpj-pink: #faa2ae;
  --qpj-purple: #412d6c;
  --qpj-purple-light: #5a4088;
  --qpj-white: #ffffff;
}

/* Body background */
body {
  background: var(--qpj-pink) !important;
}

/* ========================================
   HEADER - Just recolor, keep Material's structure
   ======================================== */
.header-overrides {
  background-color: var(--qpj-white) !important;
  color: var(--qpj-purple) !important;
}

.brand-logo {
  color: var(--qpj-purple) !important;
  font-family: 'Libre Bodoni', Georgia, serif !important;
}

nav ul a {
  color: var(--qpj-purple) !important;
  font-family: 'Libre Bodoni', Georgia, serif !important;
}

.sidenav-trigger {
  color: var(--qpj-purple) !important;
}

/* ========================================
   TYPOGRAPHY - Fonts and colors only
   ======================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Bodoni', Georgia, serif !important;
  color: var(--qpj-purple) !important;
}

.article-title {
  color: var(--qpj-purple) !important;
  font-family: 'Libre Bodoni', Georgia, serif !important;
}

/* ========================================
   BUTTONS - Just recolor Material's buttons
   ======================================== */
.btn,
.btn-small,
.btn-large {
  background-color: var(--qpj-purple) !important;
  font-family: 'Libre Bodoni', Georgia, serif !important;
}

.btn:hover,
.btn-small:hover,
.btn-large:hover {
  background-color: var(--qpj-purple-light) !important;
}

.btn-background,
.btn-background:active,
.btn-background:visited {
  border-color: var(--qpj-purple) !important;
  color: var(--qpj-purple) !important;
}

.btn-background:hover {
  background-color: var(--qpj-purple) !important;
}

/* ========================================
   FOOTER - Just recolor
   ======================================== */
.page-footer {
  background-color: var(--qpj-purple) !important;
  color: var(--qpj-white) !important;
}

.footer-copyright p,
.footer-copyright li {
  color: var(--qpj-white) !important;
}

.page-footer a {
  color: var(--qpj-pink) !important;
}

/* ========================================
   LINKS - Just recolor
   ======================================== */
a {
  color: var(--qpj-purple) !important;
}

a:hover {
  color: var(--qpj-purple-light) !important;
}

.issue-link {
  color: var(--qpj-purple) !important;
}

/* ========================================
   LANGUAGE SELECT
   ======================================== */
.language-select {
  color: var(--qpj-purple) !important;
}

/* ========================================
   THAT'S IT - No other changes
   ======================================== */