:root {
  --us-yellow: #EBCC1A;
  --us-yellow-hover: #D9BC18;
  --us-yellow-active: #C6AA14;
  --us-graphite: #111A23;
  --us-charcoal: #2B3138;
  --us-slate: #66707A;
  --us-border: #D7DBDF;
  --us-surface: #F5F6F7;
  --us-white: #FFFFFF;

  --us-radius-sm: 8px;
  --us-radius-md: 12px;
  --us-radius-lg: 18px;
  --us-radius-pill: 999px;

  --us-space-1: 4px;
  --us-space-2: 8px;
  --us-space-3: 12px;
  --us-space-4: 16px;
  --us-space-6: 24px;
  --us-space-8: 32px;

  --us-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}