:root {
  --blue: #0754ca;
  --yellow: #ffc400;
  --surface: #fff;
  --surface-tint: #f4f9fc;
  --border-subtle: #dcecf9;
  --border-field: #c9daee;
  --text-placeholder: #707e92;
  --surface-hover: #e5f2fd;
  --radius-small: .25rem;
  --radius-control: .35rem;
  --radius-field: .4rem;
  --radius-card: .45rem;
  --radius-panel: .65rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --shadow-search: 0 3px 10px rgb(0 87 217 / 10%);
  --shadow-card-hover: 0 4px 14px rgb(0 87 217 / 12%);
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --section-gap: clamp(var(--space-7), 3.2vw, var(--space-11));
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
}