:root {
  --color-primary: rgb(0, 25, 82);
  --color-primary-contrast: #ffffff;
  --color-logo-blue: #1769c2;
  --color-logo-green: #16a34a;
  --color-bg: #f4f7f5;
  --color-surface: #ffffff;
  --color-text: #19312c;
  --color-muted: #71807b;
  --color-border: #dce5f2;
  --color-accent: #16a34a;
  --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 20px;
}

* {
  box-sizing: border-box;
}

html,
body {
  overflow: visible;
}

body {
  margin: 0;
  color: var(--color-text);
  background: var(--color-bg);
  font-family: var(--font-body);
}

.font-heading {
  font-family: var(--font-heading);
}

.field-label {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--color-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.field-input {
  display: block !important;
  width: 100% !important;
  border: 1px solid #dce5e1 !important;
  border-radius: 12px !important;
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  padding: 13px 14px !important;
  font: inherit !important;
  font-size: 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
}

.field-input::placeholder {
  color: #a0aca8 !important;
}

.field-input:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 4px rgba(0, 25, 82, .12) !important;
}

select.field-input {
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371807b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}

::selection {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}