:root {
  --success-dark: #065f46;
  --success-medium: #38a169;
  --success-light: #d1fae5;

  --danger-light: #fee2e2;
  --danger: #ff0f0f;

  --warning: #F59E0B;
  --warning-light: #FEF3C7;

  --light-grey: #f4f4f4;
  --medium-grey: #c9c9c9;
  --dark-grey: #5e5e5e;
  --darker-grey: #2e2e2e;
  --brand: #2b4570;
  --brand-primary: #9565fe;
  --brand-primary-light: #ebe2ff;
  --alternate: #19323c;
  --white: #fdfffc;

  --alert-bg: #fee2e2;
  --alert-fg: #b91c1c;
  --info-bg: #dbeafe;
  --info-fg: #1e40af;
  --notice-bg: var(--success-light);
  --notice-fg: var(--success-dark);

  --sm: 768px;

  --s-4xs: 4px;
  --s-2xs: 8px;
  --s-xs: 10px;
  --s-s: 12px;
  --s-ssm: 16px;
  --s-sm: 20px;
  --s-md: 30px;
  --s-lg: 50px;

  --font-xs: 0.5rem;
  --font-sm: 0.75rem;
  --font-md: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 1.75rem;

  --brk-mobile: 768px;
  --brk-desktop: 769px;

  --thumbnail-height: 12rem;
  --thumbnail-width: 18rem;
  --thumbnail-large-height: 18rem;
  --thumbnail-large-width: 27rem;
}