:root {
  /* Colors */
  --color-white: #fff;
  --color-background: #f7f8f9;
  --color-font-base: #4b5563;
  --color-font-secondary: #64748b;
  --color-font-secondary-highlight: #f9fafb;
  --color-font-header: #374151;
  --color-primary: #e76c3f;
  --color-primary-highlight: #fff3f0;
  --color-rust-core: #e17043;
  --color-tomato-core: #c93627;
  --color-arctic-plus-2: #8096b4;
  --color-arctic-plus-3: #5b687f;
  --color-arctic-plus-4: #364156;
  --color-avocado-core: #a29e47;
  --color-charcoal-minus-3: #dadada;
  --color-lavendaer-plus-3: #9880a7;

  /* Sizes */
  font-size: 14px;
  --size-navbar: 14rem;
  --size-border-rounded: 0.4rem;
  --size-font-header: 2rem;

  /* Fonts */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
  margin: 0;
  color: var(--color-font-base);
  background-color: var(--color-background);
}

.standard-drawer-width {
  max-width: 30%;
  min-width: min(35rem, 100vw);
}

.event-lead-drawer-width {
  max-width: 30%;
  min-width: min(50rem, 100vw);
}