/* VoiceTextTranslate Brand Overrides
   Primary:   #389dd8
   Secondary: #8bb4e6
   Ternary:   #a6a6a6
*/

:root {
  --bs-primary: #389dd8;
  --bs-primary-rgb: 56, 157, 216;
  --bs-link-color: #389dd8;
  --bs-link-color-rgb: 56, 157, 216;
  --bs-link-hover-color: #2a7fb0;
}

.btn-primary {
  --bs-btn-bg: #389dd8;
  --bs-btn-border-color: #389dd8;
  --bs-btn-hover-bg: #2a7fb0;
  --bs-btn-hover-border-color: #2a7fb0;
  --bs-btn-active-bg: #2272a0;
  --bs-btn-active-border-color: #2272a0;
  --bs-btn-disabled-bg: #389dd8;
  --bs-btn-disabled-border-color: #389dd8;
}

.text-primary {
  color: #389dd8 !important;
}

.bg-brand-primary {
  background-color: #389dd8;
}

.bg-brand-secondary {
  background-color: #8bb4e6;
}

.bg-brand-navy {
  background-color: #1a3a4f;
}

/* Beta badge */
.badge-beta {
  background-color: #8bb4e6;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.3em 0.65em;
  border-radius: 0.4rem;
  vertical-align: middle;
}

/* Invitation banner */
.invitation-banner {
  background-color: #eaf4fb;
  border-left: 4px solid #389dd8;
  color: #1e5f88;
}

/* Sidebar — brand pastel blue */
.sidebar {
  background-color: #8bb4e6;
}

/* Page headings — brand dark navy (matches landing section headings) */
h2 {
  color: #1a3a4f;
}

/* Outline primary button — brand blue */
.btn-outline-primary {
  --bs-btn-color: #389dd8;
  --bs-btn-border-color: #389dd8;
  --bs-btn-hover-bg: #389dd8;
  --bs-btn-hover-border-color: #389dd8;
  --bs-btn-active-bg: #2a7fb0;
  --bs-btn-active-border-color: #2a7fb0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */