/* === StudyHQ Brand Theme === */
:root{
  --shq-primary: #6D41E8;
  --shq-secondary: #6275EA;
  --shq-accent: #39ACE9;
  --shq-warm: #F6C70D;
  --shq-dark: #111111;
  --shq-text: #1a1a1a;
  --shq-bg: #ffffff;
  --shq-gradient: linear-gradient(135deg, #6D41E8 0%, #39ACE9 100%);
}

/* Global body */
body {
  color: var(--shq-text);
  background: var(--shq-bg);
}

/* Link colors */
a {
  color: var(--shq-primary);
}
a:hover, a:focus {
  color: var(--shq-accent);
}

/* Text selection override */



/* Buttons */
.btn-theme, .btn-style, button[type="submit"].btn-theme {
  background: var(--shq-gradient);
  color: #fff !important;
  border: none;
  box-shadow: 0 6px 16px rgba(109,65,232,.25);
  transition: all 0.2s ease-in-out;
}
.btn-theme:hover, .btn-style:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
}

/* Header */
.header-area.sticky-header {
  background-color: rgba(255,255,255,.98);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.header-area .main-menu > li > a {
  color: var(--shq-text);
}
.header-area .main-menu > li > a:hover,
.header-area .main-menu > li.active > a {
  color: var(--shq-primary);
}

/* Section titles */
.section-title h2,
.block-title h2 {
  color: var(--shq-text);
}
.section-title .subtitle {
  color: var(--shq-secondary);
}

/* Footer */
.footer-area {
  background: #0f1320;
  color: #cfd3dc;
}
.footer-area a {
  color: #ffffff;
}
.footer-area a:hover {
  color: var(--shq-accent);
}

/* Inputs */
input, textarea, select {
  border: 1px solid rgba(109,65,232,.35);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--shq-primary);
  box-shadow: 0 0 0 3px rgba(57,172,233,.15);
}

/* Utility classes */
.bg-brand {
  background: var(--shq-gradient);
  color: #fff !important;
}
.text-brand {
  color: var(--shq-primary);
}


/* --- Text selection override (brand, enforced) --- */




/* --- Text selection override (brand gradient with fallback) --- */
::selection {
  /* Fallback */
  background: #6D41E8 !important;
  color: #fff !important;
  /* Gradient (most modern browsers) */
  background-image: linear-gradient(90deg, #6D41E8 0%, #39ACE9 100%) !important;
}
::-moz-selection {
  background: #6D41E8 !important;
  color: #fff !important;
}