/* Vitalytics brand overlay — applies the canonical brand fonts (Inter for headings,
 * Source Sans 3 for body) and the primary teal palette extracted from the wordmark.
 * Loaded after design-system.css to override its tokens.
 *
 * Fira Code is kept ONLY for code/console blocks and pages that opt in via body class
 * `tools` (see /tools-for-engineers/).
 *
 * Source of truth: gitlab.vts64.com/rootasp/vitalytics-branding */

@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap");

:root {
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "Fira Code", ui-monospace, "JetBrains Mono", "SF Mono", monospace;

  /* Brand teal — gradient endpoints from the wordmark */
  --primary-50:  #e6f4f1;
  --primary-100: #c7e8e1;
  --primary-200: #94d2c4;
  --primary-300: #5fbba8;
  --primary-400: #2ba38b;
  --primary-500: #0a867d;
  --primary-600: #11786e;
  --primary-700: #175247;
  --primary-800: #103e36;
  --primary-900: #0a1f1d;

  /* Trust navy — used for industry-page accents (banking/healthcare expect navy) */
  --trust-700: #0b3a66;
  --trust-800: #082a4a;
}

html, body {
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  letter-spacing: -0.01em;
  font-weight: 700;
}

code, pre, kbd, samp, tt {
  font-family: var(--font-mono);
  font-feature-settings: "calt" 1, "liga" 1;
}

body.tools, body.tools h1, body.tools h2, body.tools h3, body.tools h4, body.tools h5, body.tools h6 {
  font-family: var(--font-mono);
  font-feature-settings: "calt" 1, "liga" 1;
}