:root {
  --bh-primary: #1B3D3E;
  --bh-primary-dark: #122A2B;
  --bh-primary-soft: #E5ECEC;

  --bh-accent: #8FC34A;
  --bh-accent-dark: #6EA02F;
  --bh-accent-soft: #EFF6E3;

  --bh-positive: #2F8F5C;
  --bh-positive-dark: #237043;
  --bh-positive-soft: #E8F4EC;

  --bh-danger: #B24A3B;
  --bh-danger-soft: #FBECE8;

  --bh-warn: #8A6B1E;
  --bh-warn-soft: #FBF4E1;

  --bh-ink: #14212B;
  --bh-body: #3A4852;
  --bh-muted: #6C7A82;

  --bh-hairline: #E3E2DB;
  --bh-hairline-soft: #EEEEE8;

  --bh-canvas: #F7F3EC;
  --bh-cream: #EFE7D8;
  --bh-card: #FFFFFF;

  --bh-google: #1A73E8;
  --bh-glassdoor: #0CAA41;
  --bh-indeed: #003A9B;

  --bh-font-serif: "Fraunces", "Source Serif 4", Georgia, serif;
  --bh-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
                  Roboto, "Helvetica Neue", Arial, sans-serif;

  --bh-radius-sm: 8px;
  --bh-radius-md: 12px;
  --bh-radius-pill: 999px;

  --bh-shadow-card: 0 1px 0 rgba(20, 33, 43, 0.04), 0 1px 2px rgba(20, 33, 43, 0.03);
  --bh-shadow-popover: 0 8px 24px rgba(20, 33, 43, 0.08);
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bh-canvas);
  color: var(--bh-ink);
  font-family: var(--bh-font-sans);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 { font-family: var(--bh-font-serif); font-weight: 400; letter-spacing: -0.01em; margin: 0; }

button { font-family: inherit; }

a { color: inherit; }