:root {
  --site-font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ui-border: 2px solid #000;
  --ui-radius-pill: 999px;
  --ui-radius-panel: 12px;

  --ui-bg-input: #e9e9e9;
  --ui-bg-surface: #ffffff;
}

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

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Chip input container (pill style by default) */
.ui-chip-input {
  border: var(--ui-border);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-bg-input);
  box-shadow: none;
}

/* Individual chip */
.ui-chip {
  border-radius: var(--ui-radius-pill);
}

/* Dropdown / panel surface */
.ui-dropdown {
  border: var(--ui-border);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-bg-surface);
  box-shadow: none;
}

/* Utility: kill focus outlines when we control focus styling elsewhere */
.ui-no-outline:focus,
.ui-no-outline:focus-within {
  outline: none;
  box-shadow: none;
}