/*
 * BMSDock start page typography
 * -----------------------------
 * One text size, two semantic weights:
 *   Title / Button: 14px / 700
 *   Feature title:  16px / 700
 *   Description:    14px / 400
 *
 * This file owns typography only for the initial/onboarding UI.
 * Layout, spacing, colors and component geometry remain in style.css.
 */
:root{
  --start-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --start-font-size:14px;
  --start-feature-title-size:16px;
  --start-weight-title:700;
  --start-weight-description:400;
}

/* Welcome / upload panel */
#welcomeOverlay{font-family:var(--start-font-family);}

/* Text directly under the BMSDock logo follows Title/Button typography. */
#welcomeOverlay .welcome-mission{
  font-size:var(--start-font-size) !important;
  line-height:1.45 !important;
  font-weight:var(--start-weight-title) !important;
}

#welcomeOverlay .welcome-demo-btn{
  font-size:var(--start-font-size) !important;
  line-height:1.2 !important;
  font-weight:var(--start-weight-title) !important;
}

/* Status/loading copy is descriptive text. */
#welcomeOverlay .file-loading-text,
#welcomeOverlay .welcome-status{
  font-size:var(--start-font-size) !important;
  line-height:1.35 !important;
  font-weight:var(--start-weight-description) !important;
}

/* Language selector is Description typography, including the closed toggle. */
#welcomeOverlay .start-language-switch .language-dropdown-toggle,
#welcomeOverlay .start-language-switch .language-option{
  font-size:var(--start-font-size) !important;
  font-weight:var(--start-weight-description) !important;
}

/* Feature carousel: only card titles are promoted to 16px. */
#statsFeaturePanel .feature-title{
  font-size:var(--start-feature-title-size) !important;
  line-height:1.25 !important;
  font-weight:var(--start-weight-title) !important;
  letter-spacing:normal !important;
}
#statsFeaturePanel .feature-desc{
  font-size:var(--start-font-size) !important;
  line-height:1.42 !important;
  font-weight:var(--start-weight-description) !important;
}

/* Start guide / support card */
.trip-chart-card.onboarding-mode{font-family:var(--start-font-family);}

/* Support BMSDock, VESC Integration, BMSDock Logs, GPX Track Analysis */
.trip-chart-card.onboarding-mode .start-guide-tab h2,
.trip-chart-card.onboarding-mode .start-guide-support h2{
  font-size:var(--start-font-size) !important;
  line-height:1.25 !important;
  font-weight:var(--start-weight-title) !important;
  letter-spacing:normal !important;
}

/* Guide steps and support paragraphs are Description typography. */
.trip-chart-card.onboarding-mode .start-guide-tab ol,
.trip-chart-card.onboarding-mode .start-guide-tab li,
.trip-chart-card.onboarding-mode .support-text-flow{
  font-size:var(--start-font-size) !important;
  line-height:1.5 !important;
  font-weight:var(--start-weight-description) !important;
}

/* Inline support labels such as “What is already available” are Titles. */
.trip-chart-card.onboarding-mode .support-text-flow strong{
  font-size:inherit !important;
  font-weight:var(--start-weight-title) !important;
}

/* Support action and the four onboarding tabs use Button typography. */


/* No mobile font-size overrides: responsive changes geometry, not typography. */