:root {
  --navy: #223551;
  --turquoise: #10bdab;
  --ink: #223551;
  --pale: #f3f7f8;
  --teal-ink: #087e74;
  --radius: 24px;
  color: var(--ink);
  background: rgb(255, 255, 255);
  font-synthesis: none;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0px;
  font-size: 17px;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  font: inherit;
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
}
h1,
h2,
h3,
h4,
p {
  margin: 0px;
}
h1,
h2,
h3,
h4 {
  text-wrap: balance;
  line-height: 1.2;
}
p {
  text-wrap: pretty;
}
h3 {
  font-size: 23px;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: rgb(8, 126, 116) solid 3px;
  outline-offset: 5px;
}
::selection {
  background: rgb(16, 189, 171);
  color: rgb(34, 53, 81);
}

/* Cashir design tokens. Component rules retain approved responsive values. */
:root {
  --cashir-navy: #223551;
  --cashir-turquoise: #10bdab;
  --cashir-white: #ffffff;
  --cashir-muted: #4d6075;
  --cashir-line: #d9e3e8;
  --cashir-pale: #f3f7f8;
  --cashir-background: #f7f9fa;
  --cashir-teal-ink: #087e74;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --text-small: 13px;
  --text-body: 17px;
  --text-card: 23px;
  --text-heading: clamp(30px, 3.1vw, 44px);
  --navy: var(--cashir-navy);
  --turquoise: var(--cashir-turquoise);
  --ink: var(--cashir-navy);
  --muted: var(--cashir-muted);
  --line: var(--cashir-line);
  --pale: var(--cashir-pale);
  --teal-ink: var(--cashir-teal-ink);
}