/* QSmart Theme – core colors pulled from the banner */

:root {
  /* Brand colors */
  --qsmart-primary:   #2563EB;  /* main blue (Q + text) */
  --qsmart-secondary: #F59E0B;  /* arrow yellow/orange */
  --qsmart-bg:        #E6F4FF;  /* soft sky background */

  /* Helpful extras */
  --qsmart-primary-dark: #1D4ED8;
  --qsmart-text:         #1F2933;
  --qsmart-muted-text:   #6B7280;
  --qsmart-white:        #FFFFFF;
}

/* Generic usage helpers */

body.qsmart {
  background: var(--qsmart-bg);
  color: var(--qsmart-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Buttons */

.qs-btn-primary {
  background: var(--qsmart-primary);
  color: var(--qsmart-white);
  border: none;
  border-radius: 999px;
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  cursor: pointer;
}

.qs-btn-primary:hover {
  background: var(--qsmart-primary-dark);
}

.qs-btn-secondary {
  background: var(--qsmart-secondary);
  color: var(--qsmart-text);
  border: none;
  border-radius: 999px;
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  cursor: pointer;
}

/* Background helpers */

.qs-bg-primary {
  background-color: var(--qsmart-primary);
}

.qs-bg-secondary {
  background-color: var(--qsmart-secondary);
}

.qs-bg-main {
  background-color: var(--qsmart-bg);
}

/* Text helpers */

.qs-text-primary {
  color: var(--qsmart-primary);
}

.qs-text-secondary {
  color: var(--qsmart-secondary);
}