: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-rust-minus-1: #e9a280;
  --color-rust-minus-2: #ffc7b1;
  --color-rust-plus-1: #bd5333;
  --color-tomato-core: #c93627;
  --color-tomato-minus-1: #ea7e73;
  --color-tomato-minus-2: #fcf2f1;
  --color-arctic-core: #e8edf1;
  --color-arctic-plus-1: #b7c6d6;
  --color-arctic-plus-2: #8096b4;
  --color-arctic-plus-3: #5b687f;
  --color-arctic-plus-4: #364156;
  --color-avocado-core: #a29e47;
  --color-avocado-minus-1: #d5d372;
  --color-avocado-minus-2: #f3f2bd;
  --color-avocado-plus-1: #7d7b30;
  --color-avocado-plus-2: #666522;
  --color-charcoal-minus-1: #888988;
  --color-charcoal-minus-2: #b6b6b6;
  --color-charcoal-minus-3: #dadada;
  --color-charcoal-plus-1: #3f4240;
  --color-charcoal-plus-2: #2e312f;
  --color-lavendaer-plus-3: #9880a7;
  --color-tan-plus-3: #ada17f;

  /* 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";
}

html,
body,
#app {
  height: 100%;
}

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);
}

.flex-tabs.p-tabs,
.flex-tabs .p-tabpanels,
.flex-tabs .p-tabpanel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}