/* ohif/custom-branding/rsq-theme.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* RSQ HOLO pastel colors - inspired by the HOLO screenshot */
:root {
  --rsq-primary-soft: #a78bfa;
  /* Soft purple */
  --rsq-secondary-soft: #7dd3fc;
  /* Soft sky blue */
  --rsq-accent-soft: #a7f3d0;
  /* Soft mint */
  --rsq-purple-muted: #c4b5fd;
  /* Very muted purple */
  --rsq-blue-muted: #bfdbfe;
  /* Very muted blue */
}

/* Apply Poppins font globally for consistency */
body,
.ohif-viewer,
button,
input,
select,
textarea {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Remove investigational banner */
div[data-cy="investigational-banner"],
.investigational-banner,
[class*="investigational"] {
  display: none !important;
}

/* Soften primary buttons - no gradients, pastel colors */
button[class*="primary"]:not(.btn-outline),
.btn-primary:not(.btn-outline) {
  background: var(--rsq-primary-soft) !important;
  border: 1px solid rgba(167, 139, 250, 0.3) !important;
  color: white !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 4px rgba(167, 139, 250, 0.1) !important;
}

button[class*="primary"]:hover:not(.btn-outline),
.btn-primary:hover:not(.btn-outline) {
  background: var(--rsq-purple-muted) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(167, 139, 250, 0.2) !important;
}

/* Soften secondary buttons */
button[class*="secondary"],
.btn-secondary {
  background: rgba(125, 211, 252, 0.1) !important;
  border: 1px solid var(--rsq-secondary-soft) !important;
  color: var(--rsq-secondary-soft) !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
}

button[class*="secondary"]:hover,
.btn-secondary:hover {
  background: rgba(125, 211, 252, 0.2) !important;
  border-color: var(--rsq-blue-muted) !important;
}

/* Subtle accent on focused inputs */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--rsq-primary-soft) !important;
  box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.15) !important;
}

/* Softer scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--rsq-primary-soft) !important;
  border-radius: 4px !important;
  opacity: 0.7 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--rsq-purple-muted) !important;
}

/* Subtle highlighting for active/selected items */
.study-browser-list-item.selected,
div[data-cy*="study-item"].selected {
  border-color: var(--rsq-primary-soft) !important;
  background: rgba(167, 139, 250, 0.05) !important;
}

/* Soften any accent colors that might be too intense */
.text-primary,
.text-blue-500,
.text-blue-600 {
  color: var(--rsq-secondary-soft) !important;
}

/* Muted hover effects for interactive elements */
button:hover,
.hover\:bg-blue-600:hover {
  background: rgba(167, 139, 250, 0.1) !important;
}

/* Apply Poppins to headers and important text */
h1,
h2,
h3,
h4,
h5,
h6,
.header-text,
.study-browser-header {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Keep the overall background subtle */
body {
  background-color: inherit !important;
}

/* ohif/custom-branding/rsq-theme.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* RSQ HOLO pastel colors - inspired by the HOLO screenshot */
:root {
  --rsq-primary-soft: #a78bfa;
  /* Soft purple */
  --rsq-secondary-soft: #7dd3fc;
  /* Soft sky blue */
  --rsq-accent-soft: #a7f3d0;
  /* Soft mint */
  --rsq-purple-muted: #c4b5fd;
  /* Very muted purple */
  --rsq-blue-muted: #bfdbfe;
  /* Very muted blue */
}

/* Apply Poppins font globally for consistency */
body,
.ohif-viewer,
button,
input,
select,
textarea {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Remove investigational banner */
div[data-cy="investigational-banner"],
.investigational-banner,
[class*="investigational"] {
  display: none !important;
}

/* Soften primary buttons - no gradients, pastel colors */
button[class*="primary"]:not(.btn-outline),
.btn-primary:not(.btn-outline) {
  background: var(--rsq-primary-soft) !important;
  border: 1px solid rgba(167, 139, 250, 0.3) !important;
  color: white !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 4px rgba(167, 139, 250, 0.1) !important;
}

button[class*="primary"]:hover:not(.btn-outline),
.btn-primary:hover:not(.btn-outline) {
  background: var(--rsq-purple-muted) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(167, 139, 250, 0.2) !important;
}

/* Soften secondary buttons */
button[class*="secondary"],
.btn-secondary {
  background: rgba(125, 211, 252, 0.1) !important;
  border: 1px solid var(--rsq-secondary-soft) !important;
  color: var(--rsq-secondary-soft) !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
}

button[class*="secondary"]:hover,
.btn-secondary:hover {
  background: rgba(125, 211, 252, 0.2) !important;
  border-color: var(--rsq-blue-muted) !important;
}

/* Subtle accent on focused inputs */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--rsq-primary-soft) !important;
  box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.15) !important;
}

/* Softer scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--rsq-primary-soft) !important;
  border-radius: 4px !important;
  opacity: 0.7 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--rsq-purple-muted) !important;
}

/* Subtle highlighting for active/selected items */
.study-browser-list-item.selected,
div[data-cy*="study-item"].selected {
  border-color: var(--rsq-primary-soft) !important;
  background: rgba(167, 139, 250, 0.05) !important;
}

/* Soften any accent colors that might be too intense */
.text-primary,
.text-blue-500,
.text-blue-600 {
  color: var(--rsq-secondary-soft) !important;
}

/* Muted hover effects for interactive elements */
button:hover,
.hover\:bg-blue-600:hover {
  background: rgba(167, 139, 250, 0.1) !important;
}

/* Apply Poppins to headers and important text */
h1,
h2,
h3,
h4,
h5,
h6,
.header-text,
.study-browser-header {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Keep the overall background subtle */
body {
  background-color: inherit !important;
}