/* Shared field metrics and palette, including the hosted identity theme. */
:root {
  --field-height: 46px;
  --field-radius: 10px;
  --field-font-size: 14px;
  --field-padding: 11px 14px;
  --field-surface: light-dark(#fbfcfe, color-mix(in srgb, var(--surface) 94%, white));
  --field-border: light-dark(#b8c7d8, #526b86);
  --field-hover-border: light-dark(#7e96af, #86a4c4);
  --field-focus: light-dark(#0076bd, #66c4ff);
  --field-ring: color-mix(in srgb, var(--field-focus) 20%, transparent);
  --field-error: light-dark(#b33246, #ffaaa5);
  --field-disabled-surface: var(--surface-subtle);
  --field-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23516b88' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
:root[data-theme="dark"] {
  --field-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b5cbe2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}