/* BirchStreet AI typography — Roboto sitewide (matches birchstreetai.com) */

:root {
  --bss-font-family: "Roboto", Arial, sans-serif;
  --bss-font-size-base: 16px;
  --bss-font-color: #3a3838;
}

html {
  font-size: var(--bss-font-size-base);
}

body {
  color: var(--bss-font-color) !important;
  font-family: var(--bss-font-family) !important;
  font-size: var(--bss-font-size-base) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
input,
select,
textarea,
button,
label,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
td,
th,
caption,
.menu a,
.sub_menu li,
.title,
.navbar,
.cta-contact,
.about-section,
.about-text,
.form-control,
input.button,
a.button,
.btn,
.btnmain,
.btn-sub,
.btn-cta,
.hero-section,
.back-to-basic,
.app-hero-content,
.lnk,
.footer-text,
.bss-site-footer,
.altrowstable,
.total,
.resultRow {
  font-family: var(--bss-font-family) !important;
}

form#search label,
form#addForm label,
form#editForm label,
form#addUser label,
form#editUser label,
form#addHours label,
#uploadVideo label {
  font-weight: 500 !important;
}

input.button,
a.button {
  font-weight: 500 !important;
  letter-spacing: -0.4px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bss-font-color);
  font-weight: 600;
  letter-spacing: -0.2px;
}

table,
.altrowstable th,
.altrowstable td {
  font-size: 14px;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-datepicker,
.ui-datepicker td,
.ui-datepicker th {
  font-family: var(--bss-font-family) !important;
}

.menu a,
.sub_menu li {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}